:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "Inter", system-ui, ui-sans-serif, sans-serif;--font-prose: "Iowan Old Style", "Charter", "Source Serif Pro", "Source Serif 4", "Georgia", "Cambria", ui-serif, serif;--font-mono: "JetBrains Mono", "Cascadia Mono", "Cascadia Code", "Fira Code", "SF Mono", Menlo, Consolas, ui-monospace, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 34px;--fs-4xl: 42px;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.6;--lh-relaxed: 1.75;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--space-10: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--content-max: 760px;--sidebar-width: 268px;--toolbar-height: 44px;--tabbar-height: 38px;--ease: cubic-bezier(.2, .7, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-2: 0 4px 16px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04)}[data-theme=light]{--bg: #FBF8F3;--surface: #FFFEF9;--surface-2: #F2EEE6;--surface-3: #EAE5D9;--text: #1A1A1F;--text-2: #4A4A52;--text-3: #7A7A82;--text-4: #A8A6A4;--border: #E6E0D2;--border-strong: #D2CAB6;--accent: #10C896;--accent-hover: #0EB385;--accent-soft: #DAF6EC;--accent-fg: #0A2A22;--link: #058A6A;--link-hover: #036B53;--code-bg: #F4F0E6;--code-border: #E2DBC8;--code-inline-bg: #EFEAD9;--selection: #BEEEDC;--kbd-bg: #FAF6EC;--quote-bar: #C9B894;--quote-bg: #F5EFDF;--table-stripe: #F6F2E7;--shadow-1: 0 1px 2px rgba(74, 60, 30, .05), 0 0 0 1px rgba(74, 60, 30, .05);--shadow-2: 0 6px 24px rgba(74, 60, 30, .08), 0 0 0 1px rgba(74, 60, 30, .05);--syntax-comment: #8A7A55;--syntax-keyword: #0E8A6A;--syntax-string: #4B7F3E;--syntax-number: #B85D2D;--syntax-function: #237A8A;--syntax-variable: #1A1A1F;--syntax-type: #2D7480;--syntax-tag: #B0464C;--syntax-attr: #0E8A6A;--syntax-punctuation: #6C6A66;--syntax-meta: #8A7A55}[data-theme=dark]{--bg: #131318;--surface: #181820;--surface-2: #1F1F29;--surface-3: #272732;--text: #ECEAEA;--text-2: #B5B3B6;--text-3: #7C7A80;--text-4: #56555C;--border: #2A2A33;--border-strong: #38383F;--accent: #4FFCC0;--accent-hover: #6FFFCD;--accent-soft: #163029;--accent-fg: #0A1F19;--link: #6CFCC8;--link-hover: #8BFFD7;--code-bg: #1B1B24;--code-border: #2A2A34;--code-inline-bg: #232330;--selection: #1F5040;--kbd-bg: #20202B;--quote-bar: #3D7864;--quote-bg: #142822;--table-stripe: #1C1C26;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-2: 0 8px 28px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .04);--syntax-comment: #6D6878;--syntax-keyword: #6FFFC8;--syntax-string: #A0D6A0;--syntax-number: #E8A878;--syntax-function: #80E8D0;--syntax-variable: #ECEAEA;--syntax-type: #80D0DA;--syntax-tag: #F08488;--syntax-attr: #6FFFC8;--syntax-punctuation: #9C9AA3;--syntax-meta: #B5A98C}*,*:before,*:after{box-sizing:border-box}:root{--wrap: 1200px;--wrap-pad: clamp(20px, 6vw, 84px);--c-hero: #4ffcc0;--c-rich: #a78bfa;--c-raw: #fbbf24;--c-preview: #38bdf8;--c-privacy: #34d399;--c-outline: #f472b6;--c-faq: #94a3b8;--c-download: #4ffcc0;--accent: var(--c-hero)}@property --accent{syntax: "<color>"; inherits: true; initial-value: #4ffcc0;}html{overflow:hidden;transition:--accent .7s var(--ease)}html[data-reduced="1"] #track{transition:none}body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}html,body{height:100%}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-fg)}.glow{position:fixed;z-index:-3;border-radius:50%;filter:blur(70px);pointer-events:none}.glow--a{top:-18vh;left:-12vw;width:46vw;height:46vw;max-width:560px;max-height:560px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%);animation:drift-a 26s ease-in-out infinite}.glow--b{bottom:-20vh;right:-14vw;width:52vw;height:52vw;max-width:640px;max-height:640px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent),transparent 62%);animation:drift-b 31s ease-in-out infinite}@keyframes drift-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5%,6%) scale(1.08)}}@keyframes drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-6%,-4%) scale(1.1)}}.dot-field{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--text) 12%,transparent) 1.2px,transparent 1.2px);background-size:30px 30px;mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 84%);-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 84%)}.kw{font-weight:600}.kw--rich{color:var(--c-rich)}.kw--raw{color:var(--c-raw)}.kw--preview{color:var(--c-preview)}.kw--privacy{color:var(--c-privacy)}.kw--outline{color:var(--c-outline)}.brand-logo{height:26px;width:auto;display:block;flex-shrink:0}.brand-logo--sm{height:15px}.nav{position:fixed;top:0;left:0;right:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 68%,transparent);border-bottom:1px solid var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--wrap);margin:0 auto;padding:14px var(--wrap-pad)}.nav__brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:15px}.nav__actions{display:flex;align-items:center;gap:8px}.nav__links{display:flex;align-items:center;gap:4px}.nav__links a{padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--text-2);cursor:pointer;transition:color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.nav__links a:hover{color:var(--text);background:var(--surface-2)}.nav__cta{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--accent-fg);background:var(--accent);cursor:pointer;transition:background .6s var(--ease)}.nav__cta:hover{filter:brightness(1.06)}.nav__toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0 9px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.nav__toggle span{display:block;height:2px;border-radius:2px;background:var(--text);transition:transform var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.nav__toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--dur-base) var(--ease),background .6s var(--ease),border-color var(--dur-base) var(--ease)}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 24%,transparent)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--text-3)}#track{position:fixed;inset:0;display:flex;width:100%;height:100%;z-index:1;transition:transform .72s cubic-bezier(.7,.02,.2,1)}.col{contain:layout paint style;flex:0 0 100vw;width:100vw;height:100dvh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.col::-webkit-scrollbar{display:none}.sec{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:8px;max-width:var(--wrap);margin:0 auto;padding:clamp(96px,15vh,150px) var(--wrap-pad) clamp(64px,10vh,110px);position:relative}.sec--hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(28px,4vw,64px);align-items:center}.sec--end{justify-content:center;gap:40px}.col-copy{max-width:560px;position:relative;z-index:2}.col-copy--wide{max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;transition:color .6s var(--ease)}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}.hero__title{margin:0 0 20px;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.02em;font-weight:700;min-height:1.1em}h2{font-size:clamp(28px,4vw,44px);line-height:1.06;letter-spacing:-.02em;font-weight:700;margin:0 0 16px}.type{background:linear-gradient(180deg,var(--text),color-mix(in srgb,var(--text) 70%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.type-caret{display:inline-block;width:3px;height:.95em;margin-left:4px;vertical-align:-.08em;background:var(--accent);animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.lead{margin:0 0 26px;max-width:30em;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:var(--text-2)}.body{color:var(--text-2);max-width:34em;margin:0 0 22px;font-size:clamp(15px,1.3vw,17px);line-height:1.65}.feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.feature-list li{position:relative;padding-left:26px;color:var(--text);font-size:15px}.feature-list li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:2px;background:var(--accent);transition:background .6s var(--ease)}.more{margin-top:30px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.more b{color:var(--accent);font-weight:500;transition:color .6s var(--ease)}.cue{position:absolute;left:var(--wrap-pad);bottom:clamp(24px,5vh,44px);display:flex;align-items:center;gap:10px;color:var(--text-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.cue__ln{width:1px;height:34px;background:linear-gradient(var(--accent),transparent);animation:cue-drop 2s infinite}@keyframes cue-drop{0%{opacity:0;transform:translateY(-8px)}40%{opacity:1}to{opacity:0;transform:translateY(8px)}}.hero__cta{display:flex;flex-wrap:wrap;gap:14px}.hero__badges{position:relative;height:34px;margin-bottom:28px}.feat-badge{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:550;white-space:nowrap;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .42s var(--ease),transform .42s var(--ease)}.feat-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.feat-badge.is-on{opacity:1;transform:translateY(0) scale(1)}.deck-dots{position:fixed;right:clamp(14px,2vw,26px);top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:12px}.deck-dots button{width:9px;height:9px;border-radius:50%;border:1px solid var(--border-strong);background:transparent;padding:0;cursor:pointer;transition:background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.deck-dots button:hover{border-color:var(--accent)}.deck-dots button[aria-current=true]{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease)}[data-reveal].in{opacity:1;transform:none}.demo-host{margin-top:30px;min-height:60px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:30px;width:100%;max-width:900px}.card{padding:22px;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-lg)}.card__k{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;margin-bottom:12px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-family:var(--font-mono);font-weight:600;font-size:13px;transition:background .6s var(--ease),color .6s var(--ease)}.card h4{font-size:16px;margin:0 0 6px}.card p{color:var(--text-2);font-size:13.5px;margin:0;line-height:1.55}.card code{font-family:var(--font-mono);font-size:.85em;padding:1px 5px;border-radius:4px;background:var(--code-inline-bg);border:1px solid var(--code-border)}.ui-anim{position:relative;width:100%;max-width:640px;margin-top:30px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-2);overflow:hidden}.ua-toolbar{display:flex;align-items:center;gap:4px;height:44px;padding:0 12px;background:var(--surface-2);border-bottom:1px solid var(--border)}.ua-tool{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;border-radius:var(--radius-sm);color:var(--text-2);font-family:var(--font-mono);font-size:13px;transition:background .2s var(--ease),color .2s var(--ease),transform .15s var(--ease)}.ua-tool.hot{background:var(--accent);color:var(--accent-fg);transform:scale(.92)}.ua-div{width:1px;height:18px;background:var(--border);margin:0 4px}.ua-content{padding:26px 28px 34px;font-family:var(--font-prose);font-size:17px;line-height:1.75;color:var(--text);min-height:120px}.ua-content p{margin:0}.ua-word{border-radius:3px;padding:0 1px;transition:background .45s var(--ease),color .2s var(--ease)}.ua-word.sel{background:color-mix(in srgb,var(--accent) 32%,transparent)}.ua-word.bold{font-weight:700}.ua-word.ital{font-style:italic}.ua-caret{position:absolute;width:2px;height:22px;background:var(--accent);opacity:0;transition:left .5s var(--ease),top .5s var(--ease),opacity .2s var(--ease);pointer-events:none}.ua-caret.on{opacity:1}.ua-bubble{position:absolute;display:flex;align-items:center;gap:2px;padding:5px 6px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);transform:translate(-50%,6px);opacity:0;transition:opacity .22s var(--ease),transform .22s var(--ease);pointer-events:none;z-index:3}.ua-bubble.show{opacity:1;transform:translate(-50%)}.ua-bubble span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:5px;color:var(--text-2);font-family:var(--font-mono);font-size:12px}.ua-bubble span.hot{background:var(--accent);color:var(--accent-fg)}.showcase{margin-top:30px;width:100%;max-width:760px;padding:26px 30px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-2)}.hero__stage{perspective:1600px;perspective-origin:60% 40%}.appwin{--tiltY: -12deg;--tiltX: 6deg;position:relative;width:100%;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 40px 90px #0000008c,0 0 0 1px #ffffff08;overflow:hidden;transform-style:preserve-3d;transform:rotateY(var(--tiltY)) rotateX(var(--tiltX));animation:win-float 9s ease-in-out infinite}@keyframes win-float{0%,to{transform:rotateY(var(--tiltY)) rotateX(var(--tiltX)) translateY(0)}50%{transform:rotateY(calc(var(--tiltY) + 2deg)) rotateX(calc(var(--tiltX) - 1deg)) translateY(-10px)}}.appwin__piece{opacity:0;animation:piece-in .7s var(--ease) forwards}@keyframes piece-in{0%{opacity:0;transform:translateY(26px) translateZ(-70px)}to{opacity:1;transform:translateY(0) translateZ(0)}}.appwin__titlebar{animation-delay:.15s}.appwin__tabbar{animation-delay:.32s}.appwin__toolbar{animation-delay:.49s}.appwin__sidebar{animation-delay:.66s}.appwin__content{animation-delay:.83s}.appwin--flat{transform:none;animation:none;box-shadow:var(--shadow-2);max-width:720px}.appwin--flat .appwin__piece{opacity:1;animation:none}.appwin__titlebar{display:flex;align-items:center;gap:12px;height:34px;padding:0 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}.win-dots{display:inline-flex;gap:7px}.win-dots i{width:11px;height:11px;border-radius:50%;background:var(--surface-3)}.win-dots i:first-child{background:#ff6159}.win-dots i:nth-child(2){background:#ffbd2e}.win-dots i:nth-child(3){background:#28ca42}.win-title{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}.appwin__tabbar{display:flex;align-items:center;gap:6px;height:38px;padding:0 10px;background:var(--bg);border-bottom:1px solid var(--border)}.win-tab{display:inline-flex;align-items:center;gap:7px;height:27px;padding:0 12px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:12.5px;color:var(--text-3)}.win-tab--active{background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-color:transparent}.win-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);transition:background .6s var(--ease)}.win-tab-add{color:var(--text-3);font-size:16px;padding:0 6px}.appwin__toolbar{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border)}.tb-ico{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--surface-3)}.tb-spacer{flex:1}.tb-modes{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.tb-mode{padding:4px 12px;border:none;background:transparent;border-radius:999px;font-family:inherit;font-size:12px;color:var(--text-3);cursor:pointer;transition:color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.tb-mode:hover{color:var(--text)}.tb-mode.is-active{background:var(--accent);color:var(--accent-fg);font-weight:600;transition:background .6s var(--ease)}.appwin__body{display:grid;grid-template-columns:200px minmax(0,1fr);height:340px}.appwin__sidebar{padding:12px 8px;background:var(--bg);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 40%,var(--surface-3)) transparent}.appwin__sidebar::-webkit-scrollbar{width:9px}.appwin__sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 40%,var(--surface-3));border-radius:9px;border:2px solid transparent;background-clip:padding-box}.appwin__search{position:sticky;top:0;z-index:1;padding:4px 6px 10px;background:var(--bg)}.appwin__search input{width:100%;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:12px}.appwin__search input::placeholder{color:var(--text-3)}.ol-item .ln{color:var(--text-4);font-family:var(--font-mono);font-size:10px;margin-left:auto}.ol-item{display:flex;align-items:center;gap:8px}.cap-notice{margin:0 0 12px;padding:8px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text-2);font-family:var(--font-ui);font-size:12px;line-height:1.5;transition:background .6s var(--ease),border-color .6s var(--ease)}.size-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.size-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);transition:background .6s var(--ease)}.ol-item{display:block;width:100%;padding:5px 10px;border:none;background:transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:12.5px;text-align:left;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ol-item--h2{padding-left:20px;color:var(--text-3)}.ol-item--h3{padding-left:30px;color:var(--text-3);font-size:12px}.ol-item.is-active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:600}.appwin__sidebar .ol-item{cursor:pointer;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.appwin__sidebar .ol-item:hover{background:var(--surface-2);color:var(--text)}.appwin__content{position:relative;display:flex;overflow:hidden}.pane{position:relative;height:100%;min-width:0;overflow-y:auto;overflow-x:hidden;opacity:1;transition:width .44s var(--ease),opacity .3s var(--ease);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--surface-3)) transparent}.pane::-webkit-scrollbar{width:11px;height:11px}.pane::-webkit-scrollbar-track{background:transparent}.pane::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 45%,var(--surface-3));border-radius:11px;border:3px solid transparent;background-clip:padding-box;transition:background .6s var(--ease)}.pane::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 65%,var(--surface-3));background-clip:padding-box}.pane--view{width:100%}.md-inner{padding:20px 24px}.pane--edit{width:0;opacity:0;background:var(--bg)}.appwin__content[data-mode=view] .pane--view{width:100%;opacity:1}.appwin__content[data-mode=view] .pane--edit{width:0;opacity:0}.appwin__content[data-mode=edit] .pane--edit{width:100%;opacity:1}.appwin__content[data-mode=edit] .pane--view{width:0;opacity:0}.appwin__content[data-mode=split] .pane--edit{width:50%;opacity:1;border-right:1px solid var(--border)}.appwin__content[data-mode=split] .pane--view{width:50%;opacity:1}.raw{padding:18px 20px;font-family:var(--font-mono);font-size:12.5px;line-height:1.75;color:var(--text-2);white-space:nowrap;min-width:320px}.rl{min-height:1.75em}.rl-h{color:var(--text);font-weight:600}.tk-hash{color:var(--accent);transition:color .6s var(--ease)}.tk-mk{color:var(--text-4)}.tk-code{color:var(--syntax-number)}.tk-em{color:var(--syntax-keyword)}.pane--view h1.flash,.pane--view h3.flash,.pane--view h4.flash{animation:h-flash 1.1s var(--ease)}@keyframes h-flash{0%{background:color-mix(in srgb,var(--accent) 26%,transparent);box-shadow:-8px 0 color-mix(in srgb,var(--accent) 26%,transparent)}to{background:transparent;box-shadow:-8px 0 0 transparent}}.appwin__hint{margin-top:12px;text-align:center;font-size:12.5px;color:var(--text-3);opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.appwin__hint.is-on{opacity:1;transform:none}.appwin__hint b{color:var(--text-2);font-weight:600}.markdown-body{font-family:var(--font-prose);color:var(--text);line-height:var(--lh-relaxed)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-family:var(--font-ui);letter-spacing:-.01em;line-height:1.25;margin:0 0 .5em}.markdown-body h1{font-size:26px}.markdown-body h4{font-size:17px}.markdown-body p{margin:0 0 .8em}.markdown-body ul{margin:0 0 .8em;padding-left:1.3em}.markdown-body li{margin:.2em 0}.markdown-body code{font-family:var(--font-mono);font-size:.86em;padding:1px 6px;border-radius:5px;background:var(--code-inline-bg);border:1px solid var(--code-border)}.markdown-body blockquote{margin:0 0 .8em;padding:8px 14px;border-left:3px solid var(--quote-bar);background:var(--quote-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-2);font-style:italic}.markdown-body table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:13px}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 10px;text-align:left}.markdown-body thead th{background:var(--surface-2)}.markdown-body tbody tr:nth-child(2n){background:var(--table-stripe)}.markdown-body .cb{margin:0 0 .8em;padding:10px 12px;border-radius:var(--radius-sm);background:var(--code-bg);border:1px solid var(--code-border);overflow-x:auto}.markdown-body .cb code{font-family:var(--font-mono);font-size:12.5px;background:none;border:none;padding:0;color:var(--text-2)}.faq{display:flex;flex-direction:column;gap:10px;margin-top:24px}.faq__item{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-md);overflow:hidden}.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:none;background:transparent;color:var(--text);font:inherit;font-weight:600;font-size:15px;text-align:left;cursor:pointer}.faq__q:after{content:"+";color:var(--accent);font-size:20px;transition:transform var(--dur-base) var(--ease)}.faq__item.is-open .faq__q:after{transform:rotate(45deg)}.faq__a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.faq__a p{margin:0;padding:0 18px 16px;color:var(--text-2);font-size:14px;line-height:1.6}.download__card{text-align:center;max-width:620px;margin:0 auto;padding:clamp(36px,6vh,60px) clamp(24px,5vw,48px);border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong)}.download__card h2{margin:0 0 10px}.download__ver{color:var(--text-2);margin:0 0 22px}.download__ver b{color:var(--text);font-weight:600}.download__primary{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.download__others{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:center;margin-bottom:22px}.dl-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.dl-div{width:1px;height:22px;background:var(--border);margin:0 4px}.dl-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:550;transition:color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.dl-badge:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.dl-badge svg{width:14px;height:14px;flex-shrink:0;opacity:.85}.download__note{color:var(--text-3);font-size:13px;margin:0}.download__note a{color:var(--accent);transition:color .6s var(--ease)}.download__note a:hover{text-decoration:underline}.foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;max-width:620px;margin:0 auto;color:var(--text-3);font-size:13px}.foot__links{display:flex;gap:18px}.foot__links a:hover{color:var(--text)}@media(max-width:900px){.sec--hero{grid-template-columns:minmax(0,1fr)}.hero__copy,.hero__stage{min-width:0}.appwin{--tiltY: -6deg;--tiltX: 4deg}}@media(max-width:720px){.nav__toggle{display:flex}.nav__links{position:absolute;top:calc(100% + 8px);right:var(--wrap-pad);flex-direction:column;align-items:stretch;min-width:210px;padding:8px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);display:none}.nav__links.is-open{display:flex}.nav__links a{padding:10px 12px;font-size:15px}.deck-dots{display:none}}@media(max-width:720px),(hover:none)and (pointer:coarse){.glow,.dot-field{display:none}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}.hero__stage{perspective:none}.appwin{transform:none!important;animation:none!important;transform-style:flat;box-shadow:var(--shadow-2)}.appwin__piece{opacity:1;animation:none;transform:none}}.anim-modes{position:relative;min-height:176px}.anim-modes .am{position:absolute;inset:0;padding:22px 26px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}.ui-anim[data-m=rich] .am-view,.ui-anim[data-m=raw] .am-edit{opacity:1;transform:none}.am-edit{font-family:var(--font-mono);font-size:13px;line-height:1.9;color:var(--text-2)}.am-edit .rl-h{color:var(--text)}.ui-anim[data-m] .ua-tool{transition:opacity .4s var(--ease)}.ui-anim[data-m=raw] .ua-tool,.ui-anim[data-m=raw] .ua-div{opacity:.32}.ua-tool i{font-style:italic}.diff{padding:16px 18px;font-family:var(--font-mono);font-size:13px;line-height:1.9;color:var(--text-2)}.diff .dl{display:flex;gap:12px;padding:0 8px;border-radius:4px;transition:background .4s var(--ease)}.diff .dl .g{color:var(--text-4);width:20px;text-align:right;-webkit-user-select:none;user-select:none}.diff .dl.changed{background:color-mix(in srgb,var(--accent) 16%,transparent)}.diff .dl [data-add]{color:var(--accent);transition:color .6s var(--ease)}.diff-cap{padding:12px 18px 16px;font-family:var(--font-ui);font-size:12.5px;color:var(--text-3);line-height:1.5;border-top:1px solid var(--border);background:var(--surface-2)}.rd-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.rd-tabs span{padding:4px 12px;border-radius:999px;font-family:var(--font-ui);font-size:12px;color:var(--text-3);transition:background .4s var(--ease),color .4s var(--ease)}.rd-tabs span.on{background:var(--accent);color:var(--accent-fg);font-weight:600}.renders{position:relative;min-height:178px;padding:24px 28px}.rd-slide{position:absolute;inset:0;padding:24px 28px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}.rd-slide.on{opacity:1;transform:none}.sync{display:grid;grid-template-columns:150px minmax(0,1fr);height:230px}.sy-side{padding:10px 8px;background:var(--bg);border-right:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;gap:2px}.sy-ol{display:block;width:100%;text-align:left;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-ui);font-size:12.5px;color:var(--text-3);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .3s var(--ease),color .3s var(--ease),transform .12s var(--ease)}.sy-ol.on{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:600}.sy-ol.press{transform:scale(.96)}.sy-pane{overflow:hidden}.sy-view{padding:14px 18px}.sy-view h4{border-radius:4px;padding:2px 6px;margin-left:-6px;transition:background .5s var(--ease)}.sy-view h4.lit{background:color-mix(in srgb,var(--accent) 18%,transparent)}.sy-cur{position:absolute;width:15px;height:15px;opacity:0;z-index:5;pointer-events:none;transition:left .5s var(--ease),top .5s var(--ease),opacity .2s var(--ease)}.sy-cur:before{content:"▲";position:absolute;font-size:13px;line-height:1;color:var(--text);transform:rotate(-20deg);text-shadow:0 1px 3px rgba(0,0,0,.6)}.sy-cur.on{opacity:1}.anim-table{position:relative;padding:22px 26px 30px}.tbl{display:grid;border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);overflow:hidden;font-family:var(--font-ui);font-size:13px;transition:grid-template-columns .6s var(--ease),grid-template-rows .5s var(--ease)}.tbl .tc{display:flex;align-items:center;min-width:0;min-height:0;padding:0 10px;border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);color:var(--text-2);box-sizing:border-box;overflow:hidden;transition:border-color .35s var(--ease)}.tbl .tc>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl .tc.head{background:var(--surface-2);color:var(--text);font-weight:600}.tbl .tc.off{border-color:transparent}.tbl-grip{position:absolute;width:3px;border-radius:2px;background:var(--accent);opacity:0;z-index:4;pointer-events:none;transition:left .6s var(--ease),opacity .25s var(--ease),background .6s var(--ease)}.tbl-grip.on{opacity:1}.tbl-cur{position:absolute;width:16px;height:16px;opacity:0;z-index:5;pointer-events:none;transition:left .55s var(--ease),top .55s var(--ease),opacity .2s var(--ease)}.tbl-cur:before{content:"▲";position:absolute;font-size:13px;line-height:1;color:var(--text);transform:rotate(-20deg);text-shadow:0 1px 3px rgba(0,0,0,.6)}.tbl-cur.resize:before{content:"↔";color:var(--accent);font-size:16px;transform:translate(-50%,-50%);text-shadow:none}.tbl-cur.on{opacity:1}.gate{padding:22px 26px}.gate-slot{margin-top:4px}.gate-ph{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2)}.gate-ic{font-size:22px;filter:grayscale(1);opacity:.7}.gate-b{display:flex;flex-direction:column;gap:2px;font-family:var(--font-ui)}.gate-b b{font-size:13px;color:var(--text)}.gate-b span{font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.gate-a{display:inline-flex;gap:8px;margin-left:auto}.gate-a button{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--accent);color:var(--accent-fg);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .6s var(--ease),filter .15s var(--ease)}.gate-a button:hover{filter:brightness(1.08)}.gate-a button.ghost{background:transparent;border-color:var(--border-strong);color:var(--text-2);font-weight:500}.gate-img{height:128px;border-radius:var(--radius-md);background:linear-gradient(160deg,#1e3a5f,#4a6fa5 40%,#b0c4de,#f0e6d2);box-shadow:inset 0 0 0 1px #ffffff14;animation:gate-fade .5s var(--ease)}@keyframes gate-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.gate-note{margin-top:8px;font-family:var(--font-ui);font-size:12px;color:var(--text-3)}.shield{padding:16px 18px;display:flex;flex-direction:column;gap:8px}.sh-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border)}.sh-name{font-family:var(--font-mono);font-size:13px;color:var(--text-2)}.sh-badge{font-family:var(--font-ui);font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);opacity:0;transform:translate(8px);transition:opacity .35s var(--ease),transform .35s var(--ease),background .6s var(--ease),border-color .6s var(--ease),color .6s var(--ease)}.sh-badge.on{opacity:1;transform:none}.toggles{padding:16px 18px;display:flex;flex-direction:column;gap:4px}.tg-row{display:flex;align-items:center;justify-content:space-between;padding:11px 6px;font-family:var(--font-ui);font-size:13.5px;color:var(--text);border-bottom:1px solid var(--border)}.tg-row:last-child{border-bottom:none}.tg-sw{position:relative;width:40px;height:22px;border-radius:999px;background:var(--surface-3);transition:background .4s var(--ease);flex-shrink:0}.tg-sw i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-3);transition:transform .4s var(--ease),background .4s var(--ease)}.tg-sw.on{background:var(--accent)}.tg-sw.on i{transform:translate(18px);background:var(--accent-fg)}.tg-cap{padding:12px 18px 16px;font-family:var(--font-ui);font-size:12.5px;color:var(--text-3);line-height:1.5;border-top:1px solid var(--border);background:var(--surface-2)}.perf{padding:40px 28px;text-align:center}.pf-num{font-family:var(--font-mono);font-weight:700;font-size:clamp(38px,8vw,60px);line-height:1;color:var(--accent);letter-spacing:-.02em;transition:color .6s var(--ease);font-variant-numeric:tabular-nums}.pf-label{margin-top:12px;font-family:var(--font-ui);font-size:14px;color:var(--text-2)}.pf-label b{color:var(--text)}.pf-bar{margin:22px auto 0;max-width:340px;height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.pf-bar span{display:block;height:100%;width:0;border-radius:999px;background:var(--accent);transition:width 1.4s var(--ease),background .6s var(--ease)}.pf-meta{margin-top:18px;font-family:var(--font-mono);font-size:11px;color:var(--text-4)}.cont-ol{padding:16px 12px;display:flex;flex-direction:column;gap:2px}.cont-ol .ol-item{display:flex;align-items:center;gap:8px}.cont-ol .ol-item--h1{color:var(--text);font-weight:600}.cont-ol .ol-item.lit{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:600}.cont-ol .ol-item.cont{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;color:var(--text-3);font-style:italic;transition:max-height .4s var(--ease),opacity .4s var(--ease),padding .4s var(--ease)}.cont-ol .ol-item.cont.on{max-height:34px;padding-top:5px;padding-bottom:5px;opacity:1}.cont-ol .ol-item.cont:before{content:"↳";color:var(--text-4);font-style:normal}@media(prefers-reduced-motion:reduce){html{transition:none}.sh-badge,.cont-ol .ol-item.cont{opacity:1!important;transform:none!important}.cont-ol .ol-item.cont{max-height:34px!important;padding:5px 10px!important}.pf-bar span,.tbl,.tbl-grip,.tbl-cur,.sy-cur{transition:none}.appwin,.appwin__piece,.feat-badge,[data-reveal],.glow,.cue__ln{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.appwin{transform:rotateY(-8deg) rotateX(4deg)!important}.type-caret{display:none}}