.landing{--lp-bg:#05070a;--lp-panel:#0b1016;--lp-panel-2:#0e141c;--lp-line:#1c2733;--lp-line-2:#2f4152;--lp-text:#e6edf3;--lp-muted:#7e8f9d;--lp-cyan:#22e6ff;--lp-lime:#9dff4f;--lp-amber:#ffb547;--lp-rose:#ff7a93;--lp-signal:#ff5c7a;--lp-mono:"JetBrains Mono", ui-monospace, monospace;--lp-sans:"Space Grotesk", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;color:var(--lp-text);font-family:var(--lp-sans);background-color:var(--lp-bg);background-image:linear-gradient(#7e8f9d0f 1px,#0000 1px),linear-gradient(90deg,#7e8f9d0f 1px,#0000 1px);background-size:56px 56px;font-size:16px;line-height:1.55}.landing a{color:var(--lp-cyan)}.landing a:hover{color:var(--lp-lime)}.landing :focus-visible{outline:2px solid var(--lp-cyan);outline-offset:2px}.landing h1,.landing h2,.landing h3{text-wrap:balance;margin:0}.landing h2{letter-spacing:-.04em;font-size:40px;font-weight:700;line-height:1.05}.landing h3{letter-spacing:-.03em;font-size:22px;line-height:1.2}.landing p{margin:0}.lp-wrap{max-width:1200px;padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));margin:0 auto}.lp-grow{flex:1}.lp-eyebrow{font-family:var(--lp-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-cyan);font-size:12px;font-weight:600}.lp-lede{color:var(--lp-muted);max-width:56ch;font-size:17px}.lp-label{font-family:var(--lp-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lp-muted);font-size:12px}.lp-btn{font-family:var(--lp-mono);border:1px solid var(--lp-line-2);background:var(--lp-panel-2);height:46px;color:var(--lp-text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.landing .lp-btn{color:var(--lp-text)}.lp-btn:hover{border-color:var(--lp-cyan);transform:translateY(-1px)}.landing .lp-btn-primary{background:var(--lp-cyan);border-color:var(--lp-cyan);color:#05070a;box-shadow:0 0 0 1px #22e6ff59,0 0 28px #22e6ff66}.landing .lp-btn-primary:hover{color:#05070a;box-shadow:0 0 0 1px #22e6ff99,0 0 44px #22e6ff99}.lp-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lp-btn-sm{height:38px;padding:0 16px}.lp-nav{z-index:10;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--lp-line);background:#05070ab3;position:sticky;top:0}.lp-nav nav{flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:14px;display:flex}.lp-logo img{filter:drop-shadow(0 0 14px #22e6ff59);width:auto;height:32px;display:block}.landing .lp-link{font-family:var(--lp-mono);color:var(--lp-muted);font-size:13px;text-decoration:none}.landing .lp-link:hover{color:var(--lp-text)}.lp-hero{position:relative;overflow:hidden}.lp-hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#22e6ff2e,#0000);width:1100px;height:700px;position:absolute;top:-160px;left:50%;transform:translate(-50%)}.lp-split{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));align-items:center;gap:56px;display:grid}.lp-hero .lp-split{padding-block:96px 72px;position:relative}.lp-hero-text{gap:26px;min-width:0;display:grid}.lp-hero h1{letter-spacing:-.05em;font-size:64px;font-weight:700;line-height:1}.lp-hero h1 em{color:var(--lp-cyan);text-shadow:0 0 28px #22e6ff8c;font-style:normal}.lp-pill{font-family:var(--lp-mono);border:1px solid var(--lp-line-2);background:var(--lp-panel);color:var(--lp-muted);border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.lp-pill i{background:var(--lp-lime);width:7px;height:7px;box-shadow:0 0 8px var(--lp-lime);border-radius:50%}.lp-actions{flex-wrap:wrap;gap:12px;display:flex}.lp-terminal{border:1px solid var(--lp-line-2);background:var(--lp-panel);border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 0 0 1px #22e6ff14,0 30px 80px #0009}.lp-terminal-bar{border-bottom:1px solid var(--lp-line);background:var(--lp-panel-2);align-items:center;gap:8px;padding:12px 16px;display:flex}.lp-terminal-bar i{background:var(--lp-line);border-radius:50%;width:10px;height:10px}.lp-terminal-bar span{font-family:var(--lp-mono);color:var(--lp-muted);margin-left:8px;font-size:12px}.lp-terminal-body{font-family:var(--lp-mono);padding:20px;font-size:13.5px;line-height:1.85;display:grid;overflow-x:auto}.lp-terminal-body .tl{white-space:nowrap;animation:.4s backwards lp-linein}.lp-progress{align-items:center;gap:12px;margin-top:6px;display:flex}.lp-progress>div{background:var(--lp-line);border-radius:4px;flex:1;height:6px;overflow:hidden}.lp-bar{background:linear-gradient(90deg,#22e6ff,#9dff4f);border-radius:4px;width:72%;height:100%;animation:3.2s ease-out 3s backwards lp-fill;display:block;box-shadow:0 0 14px #22e6ffb3}.lp-cursor{background:var(--lp-cyan);vertical-align:-2px;width:8px;height:15px;box-shadow:0 0 10px var(--lp-cyan);animation:1s step-end infinite lp-blink;display:inline-block}.landing .k{color:var(--lp-cyan)}.landing .s{color:var(--lp-lime)}.landing .n{color:var(--lp-amber)}.landing .c{color:#6b7c8a}.landing .p{color:var(--lp-rose)}@keyframes lp-blink{50%{opacity:0}}@keyframes lp-linein{0%{opacity:0;transform:translateY(4px)}}@keyframes lp-fill{0%{width:0}}.lp-player-wrap{padding-block:24px 96px}.lp-player{border:1px solid var(--lp-line);background:var(--lp-panel);border-radius:18px;gap:16px;padding:18px;display:grid}.lp-screen{aspect-ratio:16/9;border:1px solid var(--lp-line);background:radial-gradient(500px 260px at 50% 45%, #22e6ff29, transparent 70%), var(--lp-bg);text-align:center;border-radius:12px;place-content:center;gap:12px;width:100%;max-height:520px;padding:24px;display:grid}.lp-screen-line{letter-spacing:-.04em;text-wrap:balance;max-width:16ch;font-size:clamp(28px,5vw,52px);font-weight:700;line-height:1.02}.lp-player-bar{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.lp-chip{font-family:var(--lp-mono);border:1px solid var(--lp-line);background:var(--lp-panel);color:var(--lp-muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.lp-chip.lp-on{border-color:var(--lp-cyan);color:var(--lp-cyan);background:#22e6ff14}.lp-time{font-family:var(--lp-mono);color:var(--lp-muted);font-variant-numeric:tabular-nums;font-size:12px}.lp-time b{color:var(--lp-text);font-weight:600}.lp-clips{gap:4px;height:10px;display:flex}.lp-clips i{background:var(--lp-line);border-radius:3px}.lp-clips i.lp-on{background:var(--lp-cyan);box-shadow:0 0 12px #22e6ff99}.lp-section{gap:40px;padding-block:72px;display:grid}.lp-section.lp-split{gap:48px}.lp-last{padding-bottom:112px}.lp-narrow{gap:32px;max-width:860px}.lp-head{align-content:start;gap:14px;min-width:0;display:grid}.lp-section.lp-split .lp-head{gap:18px}.lp-grid{gap:18px;margin:0;padding:0;list-style:none;display:grid}.lp-grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.lp-grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.lp-card{border:1px solid var(--lp-line);background:var(--lp-panel);border-radius:16px;align-content:start;gap:14px;padding:26px;transition:transform .2s,border-color .2s;display:grid;position:relative}.lp-card:hover{border-color:var(--lp-line-2);transform:translateY(-4px)}.lp-card p{color:var(--lp-muted)}.lp-num{width:40px;height:40px;font-family:var(--lp-mono);color:#05070a;background:var(--lp-cyan);border-radius:10px;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:0 0 22px #22e6ff80}.lp-tag{font-family:var(--lp-mono);color:var(--lp-lime);font-size:12px}.lp-use{gap:12px;padding:22px;overflow:hidden}.lp-use:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(260px 200px at 50% 0,#22e6ff2e,#0000 70%);transition:opacity .25s;position:absolute;inset:0}.lp-use:hover:before{opacity:1}.lp-use h3{letter-spacing:-.02em;font-size:19px}.lp-use p{font-size:15px}.lp-code{font-family:var(--lp-mono);color:var(--lp-cyan);font-size:12px}.lp-files{font-family:var(--lp-mono);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.lp-files span{border:1px solid var(--lp-line);color:var(--lp-muted);border-radius:8px;padding:6px 10px}.lp-files .lp-ok{color:var(--lp-lime);border-color:#9dff4f66}.lp-code-block{border:1px solid var(--lp-line-2);background:var(--lp-panel);min-width:0;font-family:var(--lp-mono);color:var(--lp-text);border-radius:16px;margin:0;padding:22px;font-size:13.5px;line-height:1.75;overflow-x:auto;box-shadow:0 30px 80px #00000080}.lp-plans{align-items:start}.lp-plan{gap:18px}.lp-plan-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.lp-badge{font-family:var(--lp-mono);text-transform:uppercase;color:#05070a;background:var(--lp-cyan);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;box-shadow:0 0 16px #22e6ff80}.lp-price{align-items:baseline;gap:8px;display:flex}.lp-price span{letter-spacing:-.04em;font-size:40px;font-weight:700}.lp-price small{font-family:var(--lp-mono);color:var(--lp-muted);font-size:12px}.lp-plan hr{border:0;border-top:1px dashed var(--lp-line-2);width:100%;margin:0}.lp-plan ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lp-plan li{align-items:flex-start;gap:10px;font-size:15px;display:flex}.lp-plan li:before{content:"+";font-family:var(--lp-mono);color:var(--lp-lime);font-weight:700}.lp-featured{border-color:var(--lp-cyan);box-shadow:0 0 0 1px var(--lp-cyan), 0 0 40px #22e6ff38}.lp-featured:hover{border-color:var(--lp-cyan)}.lp-faqs{gap:10px;display:grid}.lp-faq{border:1px solid var(--lp-line);background:var(--lp-panel);border-radius:12px}.lp-faq[open]{border-color:var(--lp-line-2)}.lp-faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:17px;font-weight:600;list-style:none;display:flex}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:"+";font-family:var(--lp-mono);color:var(--lp-cyan);font-size:20px;line-height:1;transition:transform .2s}.lp-faq[open] summary:after{transform:rotate(45deg)}.lp-faq p{color:var(--lp-muted);max-width:72ch;padding:0 22px 20px}.lp-contact{border:1px solid var(--lp-line-2);background:linear-gradient(135deg,#22e6ff24,#0b1016e6 45%,#9dff4f14);border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px;padding:clamp(24px,4vw,40px);display:grid}.lp-form{gap:14px;min-width:0;display:grid}.lp-form-two{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;display:grid}.lp-field{gap:6px;display:grid}.lp-field>span{font-family:var(--lp-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lp-muted);font-size:12px}.lp-input{box-sizing:border-box;width:100%;height:46px;font:inherit;border:1px solid var(--lp-line);color:var(--lp-text);background:#05070ab3;border-radius:10px;padding:0 14px;font-size:15px}textarea.lp-input{resize:vertical;height:auto;min-height:110px;padding:12px 14px}.lp-input::placeholder{color:#5b6b78}.lp-input:focus{border-color:var(--lp-cyan);outline:none;box-shadow:0 0 0 3px #22e6ff26}.lp-form .lp-btn{justify-self:start}.lp-error{color:var(--lp-signal);font-size:14px}.lp-sent{background:#9dff4f0f;border:1px solid #9dff4f66;border-radius:16px;align-content:center;gap:10px;padding:24px;display:grid}.lp-sent h3{color:var(--lp-lime)}.lp-sent p{color:var(--lp-muted)}.lp-footer{border-top:1px solid var(--lp-line)}.lp-footer .lp-wrap{font-family:var(--lp-mono);color:var(--lp-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:28px;font-size:12px;display:flex}@media (max-width:640px){.lp-hero h1{font-size:44px}.landing h2{font-size:32px}.lp-hero .lp-split{padding-block:56px 48px}.lp-section{padding-block:56px}.lp-link{display:none}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eceef2;--surface:#fff;--stage:#dfe2e8;--raised:#fff;--input-bg:#fff;--ink:#171a21;--muted:#646a7a;--line:#d9dce3;--line-strong:#b9bec9;--line-dashed:#c3c8d2;--cobalt:#3346d6;--cobalt-hover:#2a3cc4;--cobalt-deep:#2232b0;--cobalt-ink:#fff;--cobalt-tint:#f2f4ff;--signal:#c93b36;--ok:#1f7a52;--ok-tint:#eef6f1;--ok-line:#cbe5d6;--focus-halo:#3346d626;--glow:none;--glow-hover:none;--glow-selected:inset 0 0 0 1px var(--cobalt);--glow-soft:none;--shadow-pop:0 8px 24px #0000001f;--shadow-frame:0 1px 2px #00000014, 0 12px 32px #171a2124;--shadow-menu:0 12px 32px #171a2129;--swatch-ring:#0000001f;--header-bg:#eceef2d1;--topbar-bg:#ffffffdb;--page-grid:none;--hero-glow:none;--stage-glow:none;--meter:linear-gradient(90deg, var(--cobalt), var(--cobalt));--placeholder:#8a90a0;--font-sans:"Instrument Sans", system-ui, sans-serif;--font-ui:"Instrument Sans", system-ui, sans-serif;--label-size:13px;--label-case:none;--label-track:0;--title-track:-.02em;--title-stretch:80%;--radius-xs:4px;--radius-sm:6px;--radius-ctl:6px;--radius:10px;--radius-lg:14px;--show-light:block;--show-dark:none;font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#05070a;--surface:#0b1016;--stage:#0e141c;--raised:#0e141c;--input-bg:#0b1016;--ink:#e6edf3;--muted:#7e8f9d;--line:#1c2733;--line-strong:#2f4152;--line-dashed:#2f4152;--cobalt:#22e6ff;--cobalt-hover:#22e6ff;--cobalt-deep:#22e6ff;--cobalt-ink:#05070a;--cobalt-tint:#22e6ff14;--signal:#ff5c7a;--ok:#9dff4f;--ok-tint:#9dff4f14;--ok-line:#9dff4f66;--focus-halo:#22e6ff26;--glow:0 0 0 1px #22e6ff59, 0 0 24px #22e6ff59;--glow-hover:0 0 0 1px #22e6ff99, 0 0 36px #22e6ff8c;--glow-selected:0 0 0 1px #22e6ff, 0 0 24px #22e6ff2e;--glow-soft:0 0 12px #22e6ff73;--shadow-pop:0 24px 60px #0009;--shadow-frame:0 0 0 1px #22e6ff1f, 0 24px 60px #0009;--shadow-menu:0 24px 60px #0009;--swatch-ring:#ffffff29;--header-bg:#05070ab8;--topbar-bg:#0b1016cc;--page-grid:linear-gradient(#7e8f9d0f 1px, transparent 1px), linear-gradient(90deg, #7e8f9d0f 1px, transparent 1px);--hero-glow:radial-gradient(600px 300px at 30% 0%, #22e6ff24, transparent 70%);--stage-glow:radial-gradient(560px 300px at 50% 50%, #22e6ff1a, transparent 70%);--meter:linear-gradient(90deg, #22e6ff, #9dff4f);--placeholder:#5b6b78;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-ui:"JetBrains Mono", ui-monospace, monospace;--label-size:12px;--label-case:uppercase;--label-track:.06em;--title-track:-.04em;--title-stretch:100%;--radius-ctl:8px;--show-light:none;--show-dark:block}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#05070a;--surface:#0b1016;--stage:#0e141c;--raised:#0e141c;--input-bg:#0b1016;--ink:#e6edf3;--muted:#7e8f9d;--line:#1c2733;--line-strong:#2f4152;--line-dashed:#2f4152;--cobalt:#22e6ff;--cobalt-hover:#22e6ff;--cobalt-deep:#22e6ff;--cobalt-ink:#05070a;--cobalt-tint:#22e6ff14;--signal:#ff5c7a;--ok:#9dff4f;--ok-tint:#9dff4f14;--ok-line:#9dff4f66;--focus-halo:#22e6ff26;--glow:0 0 0 1px #22e6ff59, 0 0 24px #22e6ff59;--glow-hover:0 0 0 1px #22e6ff99, 0 0 36px #22e6ff8c;--glow-selected:0 0 0 1px #22e6ff, 0 0 24px #22e6ff2e;--glow-soft:0 0 12px #22e6ff73;--shadow-pop:0 24px 60px #0009;--shadow-frame:0 0 0 1px #22e6ff1f, 0 24px 60px #0009;--shadow-menu:0 24px 60px #0009;--swatch-ring:#ffffff29;--header-bg:#05070ab8;--topbar-bg:#0b1016cc;--page-grid:linear-gradient(#7e8f9d0f 1px, transparent 1px), linear-gradient(90deg, #7e8f9d0f 1px, transparent 1px);--hero-glow:radial-gradient(600px 300px at 30% 0%, #22e6ff24, transparent 70%);--stage-glow:radial-gradient(560px 300px at 50% 50%, #22e6ff1a, transparent 70%);--meter:linear-gradient(90deg, #22e6ff, #9dff4f);--placeholder:#5b6b78;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-ui:"JetBrains Mono", ui-monospace, monospace;--label-size:12px;--label-case:uppercase;--label-track:.06em;--title-track:-.04em;--title-stretch:100%;--radius-ctl:8px;--show-light:none;--show-dark:block}*{box-sizing:border-box}body{background-color:var(--paper);background-image:var(--page-grid);background-size:48px 48px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--cobalt)}::placeholder{color:var(--placeholder)}:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html:root .only-light{display:var(--show-light)}html:root .only-dark{display:var(--show-dark)}.btn{border-radius:var(--radius-ctl);border:1px solid var(--line);background:var(--raised);cursor:pointer;height:38px;font-family:var(--font-ui);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:hover{border-color:var(--line-strong)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--cobalt);border-color:var(--cobalt);color:var(--cobalt-ink);box-shadow:var(--glow)}.btn-primary:hover:not(:disabled){border-color:var(--cobalt-deep);background:var(--cobalt-hover);box-shadow:var(--glow-hover)}.btn-primary:disabled{box-shadow:none}.btn-quiet{color:var(--muted);background:0 0;border-color:#0000}.btn-quiet:hover{color:var(--ink);border-color:#0000}.btn-danger{color:var(--signal);background:0 0;border-color:#0000}.btn-danger:hover{border-color:var(--line)}.btn-accent{color:var(--cobalt);border-color:color-mix(in srgb, var(--cobalt) 40%, transparent)}.btn-sm{height:30px;padding:0 10px;font-size:12.5px}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:30px}.label,.field>span:first-child{font-family:var(--font-ui);font-size:var(--label-size);color:var(--muted);text-transform:var(--label-case);letter-spacing:var(--label-track);font-weight:500}.field{gap:8px;display:grid}.input{border-radius:var(--radius-ctl);border:1px solid var(--line);background:var(--input-bg);width:100%;height:40px;padding:0 12px}textarea.input{resize:vertical;height:auto;min-height:72px;padding:10px 12px}.input:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px var(--focus-halo);outline:none}select.input{appearance:auto}input[type=checkbox],input[type=radio]{accent-color:var(--cobalt)}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.chips button{font-family:var(--font-ui);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600}.chips button:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.chips button[aria-pressed=true]{border-color:var(--cobalt);color:var(--cobalt);background:var(--cobalt-tint)}.chips button:disabled{opacity:.45;cursor:not-allowed}.segmented{border:1px solid var(--line);border-radius:var(--radius-ctl);background:var(--surface);padding:2px;display:inline-flex}.segmented button{border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font-ui);color:var(--muted);background:0 0;border:0;padding:4px 12px;font-size:13px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.error{color:var(--signal);font-size:14px}.note{color:var(--muted);font-size:14px}.note.ok{color:var(--ok)}.status-dot{font-family:var(--font-ui);color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-dot:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status-dot[data-state=ok]{color:var(--ok)}.status-dot[data-state=ok]:before{box-shadow:0 0 8px}.status-dot[data-state=error]{color:var(--signal)}.status-dot[data-state=busy]:before{animation:.8s ease-in-out infinite alternate pulse}.app-header{z-index:5;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.app-header>div{align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand img{width:auto;height:30px;display:block}.spacer{flex:1}.home-wrap{position:relative}.home-wrap:before{content:"";background:var(--hero-glow);pointer-events:none;height:520px;position:absolute;inset:-80px 0 auto}.home{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:56px 24px 80px;display:grid;position:relative}.home-intro{gap:14px;margin-bottom:28px;display:grid}.eyebrow{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);font-size:12px;font-weight:600}.home h1{letter-spacing:var(--title-track);font-size:52px;line-height:1.02;font-stretch:var(--title-stretch);text-wrap:balance;max-width:16ch;margin:0;font-weight:700}.home .lede{color:var(--muted);max-width:54ch;margin:0}.create{gap:28px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:20px;padding:22px;display:grid}.url-row{flex-wrap:wrap;gap:10px;display:flex}.url-row .input{flex:1;min-width:220px}.input-lg{height:50px;padding:0 16px;font-size:16px}.types{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.type{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;gap:4px;padding:14px;transition:transform .15s,border-color .15s;display:grid}.type:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-2px)}.type b{letter-spacing:-.01em;font-weight:600}.type small{color:var(--muted);font-size:13px;line-height:1.4}.type[aria-pressed=true]{border-color:var(--cobalt);box-shadow:var(--glow-selected)}.row{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.row .label{margin-right:2px}.dropzone{border:1.5px dashed var(--line-dashed);border-radius:var(--radius);background:var(--paper);flex-wrap:wrap;gap:10px;min-height:140px;padding:10px;display:flex}.dropzone[data-dragging=true]{border-color:var(--cobalt);background:var(--cobalt-tint)}.shot{height:120px;margin:0;position:relative}.shot img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:auto;max-width:220px;height:120px;display:block}.shot-remove{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:24px;height:24px;color:var(--muted);border-radius:12px;font-size:16px;line-height:1;position:absolute;top:-8px;right:-8px}.shot-add{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;flex:1;align-content:center;gap:4px;min-width:200px;min-height:120px;padding:8px 12px;display:grid}.shot-add b{font-family:var(--font-ui);color:var(--cobalt);font-size:13.5px}.shot-add small{color:var(--muted);font-size:14px}.shot-add:hover{background:var(--cobalt-tint)}.make-row{border-top:1px dashed var(--line-strong);flex-wrap:wrap;align-items:center;gap:16px;padding-top:20px;display:flex}.btn-make{height:50px;padding:0 28px;font-size:15px}.make-row .note{max-width:46ch}.repo-row .btn{white-space:nowrap}.repo-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);gap:14px;padding:14px;display:grid}.repo-head{align-items:center;gap:12px;display:flex}.repo-head>div{flex:1;min-width:0;display:grid}.repo-head small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.repo-icon{border:1px solid var(--line);object-fit:cover;border-radius:12px;width:48px;height:48px}.swatches{flex-wrap:wrap;gap:4px;display:flex}.swatches i{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--swatch-ring);border-radius:5px}.repo-uses{flex-wrap:wrap;gap:8px 20px;display:flex}.repo-files{gap:6px;display:grid}.repo-files>b{font-size:14px}.repo-file{grid-template-columns:auto 1fr;align-items:start;gap:0 8px;display:grid}.repo-file small{color:var(--muted);grid-column:2;font-size:12px}.repo-path{font-family:var(--font-ui);overflow-wrap:anywhere;font-size:12.5px}.repo-group{font-family:var(--font-ui);font-size:var(--label-size);text-transform:var(--label-case);letter-spacing:var(--label-track);color:var(--muted);margin-top:6px;font-weight:600}.repo-file .match{color:var(--ok);margin-right:6px;font-weight:600}.repo-skipped summary{cursor:pointer;color:var(--muted);font-size:14px}.repo-skipped>div{padding:4px 0 0 16px}.repo-skipped small{color:var(--muted)}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.progress-steps{font-family:var(--font-ui);gap:10px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.progress-steps li{color:var(--muted);align-items:center;gap:10px;display:flex}.progress-steps li[data-state=active]{color:var(--ink);font-weight:600}.progress-steps li[data-state=done]{color:var(--ok)}.dot{border:2px solid;border-radius:50%;flex:none;width:10px;height:10px}li[data-state=active] .dot{box-shadow:var(--glow-soft);background:currentColor;animation:1s ease-in-out infinite alternate pulse}li[data-state=done] .dot{background:currentColor}@keyframes pulse{to{opacity:.3}}.projects{align-content:start;gap:12px;display:grid}.projects h2{margin:0}.project{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.project:hover{border-color:var(--line-strong);transform:translateY(-2px)}.project .thumb{aspect-ratio:16/9;border:1px solid var(--line);color:#fff;border-radius:6px;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.project>span:last-child{gap:2px;min-width:0;display:grid}.project b{font-family:var(--font-ui);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.project small{font-family:var(--font-ui);color:var(--muted);font-size:12px}.project small[data-state=rendered]{color:var(--ok)}.project small i{color:var(--muted);font-style:normal}.editor{grid-template-rows:auto minmax(0,1fr) auto;height:100vh;display:grid}.topbar{z-index:6;background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex;position:relative}.topbar .mark{flex:none;width:30px;height:30px;display:block}.topbar .title{font-family:var(--font-ui);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex:0 300px;min-width:0;padding:4px 8px;font-size:14px;font-weight:600}.topbar .title:hover{border-color:var(--line)}.topbar .title:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px var(--focus-halo);outline:none}.saved{min-width:72px}.render-btn{min-width:150px;position:relative;overflow:hidden}.render-btn .bar{background:color-mix(in srgb, var(--cobalt-ink) 22%, transparent);transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.render-btn span{position:relative}.workspace{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.stage{background-color:var(--stage);background-image:var(--stage-glow), var(--page-grid);background-position:50%;background-size:auto,40px 40px,40px 40px;min-width:0;min-height:0;position:relative}.stage-frame{place-items:center;display:grid;position:absolute;inset:28px}.player-shell{box-shadow:var(--shadow-frame);border-radius:var(--radius);border:1px solid var(--line);background:#fff;overflow:hidden}.inspector{background:var(--surface);border-left:1px solid var(--line);align-content:start;gap:16px;padding:18px 18px 40px;display:grid;overflow-y:auto}.inspector h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.scene-num{font-family:var(--font-ui);color:var(--cobalt-ink);background:var(--cobalt);border-radius:var(--radius-sm);box-shadow:var(--glow-soft);letter-spacing:0;padding:2px 6px;font-size:11px;font-weight:700}.inspector .hint{color:var(--muted);margin:-10px 0 0;font-size:13px}.inspector fieldset{border:1px dashed var(--line-strong);border-radius:var(--radius);gap:12px;margin:0;padding:14px;display:grid}.inspector legend{font-family:var(--font-ui);font-size:var(--label-size);color:var(--muted);text-transform:var(--label-case);letter-spacing:var(--label-track);padding:0 6px;font-weight:600}.inspector .two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inspector .actions{border-top:1px dashed var(--line-strong);flex-wrap:wrap;gap:6px;padding-top:14px;display:flex}.color-input{align-items:center;gap:8px;display:flex}.color-input input[type=color]{border:1px solid var(--line);border-radius:var(--radius-ctl);background:var(--input-bg);cursor:pointer;width:40px;height:40px;padding:2px}.video-ready{border-radius:var(--radius);background:var(--ok-tint);border:1px solid var(--ok-line);gap:10px;padding:12px;display:grid}.video-ready video{border-radius:var(--radius-xs);background:#000;width:100%}.tabs{border-bottom:1px solid var(--line);background:var(--surface);z-index:2;gap:2px;margin:-4px -18px 0;padding:0 18px;display:flex;position:sticky;top:-18px}.tabs button{font-family:var(--font-ui);color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px 9px;font-size:13px;font-weight:600}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--cobalt)}.tabs button:focus-visible{outline:2px solid var(--cobalt);outline-offset:-2px;border-radius:var(--radius-xs)}.tab-panel{align-content:start;gap:16px;display:grid}.tab-panel>.hint:first-child{margin:0}.tab-panel .check{font-weight:600;display:flex}.presets{gap:2px;display:grid}.preset{border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:7px 8px;display:flex}.preset:hover{background:var(--paper)}.preset:has(input:checked){background:var(--cobalt-tint)}.preset input{margin-top:3px}.preset span{gap:1px;display:grid}.preset b{font-size:14px}.preset small{color:var(--muted);font-size:12.5px}.timeline{background:var(--surface);border-top:1px solid var(--line);gap:10px;padding:10px 16px 14px;display:grid}.transport{align-items:center;gap:12px;display:flex}.transport .play{color:var(--cobalt)}.timecode{font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:13px}.timecode b{color:var(--ink);font-weight:600}.meter{background:var(--stage);border-radius:4px;flex:1;max-width:360px;height:4px;overflow:hidden}.meter>i{background:var(--meter);height:100%;box-shadow:var(--glow-soft);display:block}.track{-webkit-user-select:none;user-select:none;height:64px;display:flex;position:relative}.clip{border-radius:var(--radius-ctl);text-align:left;height:100%;color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--scene);background:var(--raised);cursor:pointer;align-content:start;gap:2px;min-width:0;margin-right:4px;padding:8px 10px;transition:transform .15s;display:grid;position:relative;overflow:hidden}.clip:hover{transform:translateY(-2px)}.clip b{font-family:var(--font-ui);color:var(--scene-text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.clip span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.clip[aria-current=true]{border-color:var(--cobalt);border-top-color:var(--scene);box-shadow:var(--glow-selected)}.clip .len{font-family:var(--font-ui);color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;position:absolute;bottom:6px;right:8px}.playhead{background:var(--cobalt);width:2px;box-shadow:var(--glow-soft);pointer-events:none;position:absolute;top:-6px;bottom:-6px}.playhead:before{content:"";border:6px solid #0000;border-top-color:var(--cobalt);position:absolute;top:-2px;left:-5px}.add-scene{position:relative}.add-menu{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:320px;box-shadow:var(--shadow-menu);padding:6px;position:absolute;bottom:44px;right:0}.add-menu button{text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;grid-template-columns:12px 1fr;gap:2px 10px;width:100%;padding:8px;display:grid}.add-menu button:hover{background:var(--paper)}.add-menu i{border-radius:3px;grid-row:span 2;width:12px;height:12px;margin-top:4px}.add-menu small{color:var(--muted);grid-column:2}@media (max-width:900px){.home{grid-template-columns:1fr;gap:32px;padding-top:32px}.home h1{font-size:36px}.editor{grid-template-rows:auto auto auto;height:auto;min-height:100vh}.topbar{flex-wrap:wrap}.topbar .title{flex:60%}.workspace{grid-template-columns:1fr}.stage{height:56vh}.inspector{border-left:0;border-top:1px solid var(--line)}.track{overflow-x:auto}.clip{min-width:90px}.meter{display:none}}.music-moods{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.music-moods .type{padding:8px 10px}.music-moods .type small{font-size:12px}.voice-list{gap:4px;max-height:320px;display:grid;overflow-y:auto}.voice-row{border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:6px;display:grid}.voice-row[data-selected=true]{border-color:var(--cobalt);background:var(--cobalt-tint)}.voice-row label{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;display:grid}.voice-row label small{color:var(--muted);grid-column:2;font-size:12px}.voice-play{border:1px solid var(--line);background:var(--raised);cursor:pointer;border-radius:15px;width:30px;height:30px;font-size:11px}.voice-play:disabled{opacity:.4;cursor:default}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:4px 10px;max-height:210px;padding:2px;display:grid;overflow-y:auto}.check-sm{cursor:pointer;align-items:center;gap:6px;font-size:13.5px;display:flex}.lang-results{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lang-results li{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:14px;display:flex}.lang-results li .error{flex-basis:100%;font-size:13px}.signin{gap:24px;max-width:400px;margin:0 auto;padding:120px 24px 80px;display:grid}.signin .brand img{height:36px}.signin h1{letter-spacing:var(--title-track);margin:0;font-size:32px}.signin h2{margin:0;font-size:20px}.signin-form,.signin-sent{gap:14px;display:grid}.signin-sent .btn{justify-self:start;padding:0}.admin{gap:36px;max-width:1080px;margin:0 auto;padding:40px 24px 80px;display:grid}.admin-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.admin h1{letter-spacing:var(--title-track);margin:0;font-size:28px}.admin h2{margin:0 0 10px;font-size:17px}.admin-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 12px}.admin-table th{font-family:var(--font-ui);color:var(--muted);white-space:nowrap;text-transform:var(--label-case);letter-spacing:var(--label-track);font-size:12px;font-weight:600}.admin-table tr:last-child td{border-bottom:0}.admin-table .num{text-align:right;font-variant-numeric:tabular-nums}.admin-table .actions{white-space:nowrap;text-align:right}.admin-table .input{width:72px;height:30px;padding:0 8px;font-size:14px}.admin-table .err{color:var(--signal)}.admin-add{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;display:flex}.admin-add .input{height:36px}.admin-add .field:first-child .input{width:260px;max-width:100%}.admin-add .field:nth-child(2) .input{width:90px}.user-menu{position:relative}.user-menu>.btn{text-overflow:ellipsis;white-space:nowrap;max-width:260px;display:block;overflow:hidden}.user-menu-list{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-pop);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.user-menu-list a,.user-menu-list>button{text-align:left;font:inherit;color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:14px;text-decoration:none;display:block}.user-menu-list a:hover,.user-menu-list>button:hover{background:var(--paper)}.user-menu-list .menu-theme{gap:6px;padding:8px 10px;display:grid}.user-menu-list .menu-theme+*{border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.user-menu-list hr{border:0;border-top:1px solid var(--line);margin:4px 0}