:root{--bg:#17131d;--stage:#100d17;--panel:#1e1925;--panel-soft:#1e1925;--card:#25202d;--line:#3a3242;--line-soft:#382f40;--line-mid:#4b4052;--line-strong:#5b4b60;--line-hover:#ca9d65;--ink:#f9f2e8;--ink-bright:#f1e6d8;--ink-soft:#c7bccc;--ink-dim:#b9acbf;--muted:#a99cad;--accent:#e6b665;--accent-bright:#f8d58c;--accent-fill:#e6b665;--accent-ink:#281b15;--focus:#f8d58c;accent-color:var(--accent);font-family:Manrope,sans-serif}.studio-shell{background:var(--stage);grid-template-columns:minmax(0,1fr) 340px;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0;display:grid}.studio-stage{background:var(--stage);min-width:0;height:100dvh;position:sticky;top:0;overflow:hidden}.studio-stage .instrument{width:100%;height:100%;margin:0}.studio-stage .stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;max-height:none;margin:0;position:absolute;inset:0}.studio-stage .stage:after{content:"";pointer-events:none;background:linear-gradient(#100d1790,#0000 24% 68%,#100d17c9);position:absolute;inset:0}.studio-stage .stage-poster{opacity:.78}.studio-stage .pulse-canvas{z-index:0}.studio-stage .topbar{z-index:10;background:linear-gradient(#100d17b8,#0000);min-height:0;margin:0;padding:22px 26px;position:absolute;top:0;left:0;right:0}.studio-stage .wordmark,.rail-header>span{letter-spacing:-.06em;text-transform:none;align-items:center;gap:8px;font-family:Unbounded,sans-serif;font-size:1.25rem;font-weight:700;display:inline-flex}.studio-stage .wordmark span,.rail-header>span span{color:var(--accent)}.brand-mark{flex:none;width:28px;height:28px;display:block}.studio-stage .topbar-nav a{color:#f0e5d9}.studio-stage .topbar-nav a:not(:last-child){display:none}.studio-stage .topbar-nav a:last-child{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d1725a8;border:1px solid #f5e8d84a;border-radius:999px;padding:8px 14px}.studio-stage .stage-welcome{z-index:2;text-align:center;background:radial-gradient(circle,#100d1799 0,#100d170c 58%);gap:0;padding:76px 24px 128px}.studio-stage .welcome-kicker{color:var(--accent-bright);letter-spacing:.23em;margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:.67rem}.studio-stage .stage-welcome h1{color:#fff7ed;letter-spacing:-.075em;text-shadow:0 8px 44px #0d0717;margin:0;font-family:Unbounded,sans-serif;font-size:clamp(2.4rem,5vw,5.2rem);font-weight:700;line-height:1.04}.studio-stage .stage-welcome p{color:#f1e9eb;text-shadow:0 2px 14px #08050f;max-width:380px;margin:20px auto 26px;line-height:1.55}.studio-stage .stage-welcome .button{border-radius:999px;min-height:44px;margin:0 4px 8px;font-size:.85rem}.studio-stage .stage-welcome .button.primary{padding:10px 22px;box-shadow:0 8px 30px #12091678}.studio-stage .stage-welcome .button.secondary{background:#211b29b8;border-color:#f1e5dc80;padding:10px 22px}.studio-stage .stage-controls{z-index:5;background:linear-gradient(#0000,#120d1ae8 47%,#120d1af5);flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:34px 20px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.studio-stage .stage-controls>label{color:#f1e8ec;font-size:.72rem}.studio-stage .stage-controls select,.studio-stage .stage-controls .button{color:#f8eee8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#211b29c9;border:1px solid #e9d8d352;border-radius:999px;min-height:38px;padding:7px 14px;font-size:.73rem;font-weight:700}.studio-stage .stage-controls .button:hover,.studio-stage .stage-controls select:hover{border-color:var(--accent-bright)}.studio-stage .stage-controls .button:last-child{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.studio-stage .stage-controls .intensity-control{max-width:125px}.studio-stage .stage-controls .intensity-control input{accent-color:var(--accent)}.studio-stage .player-strip{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#211a2bdd;border-color:#f4e0cc57;border-radius:16px;max-width:800px;margin:0 auto;position:absolute;bottom:86px;left:20px;right:20px}.studio-stage .rail-toggle{display:none}.studio-rail{z-index:12;border-left:1px solid var(--line-soft);background:var(--panel);scrollbar-color:#5b4b60 transparent;min-width:0;height:100dvh;padding:20px 18px 32px;overflow:hidden auto}.rail-header{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.rail-close{display:none}.studio-rail .hero,.studio-rail .scene-section,.studio-rail .workspace,.studio-rail .advanced-panel{width:100%;margin:0}.studio-rail .hero{margin-bottom:24px;display:block}.studio-rail .hero h2,.studio-rail .panel-heading h2{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600}.studio-rail .hero p{margin:0 0 12px;font-size:.76rem}.studio-rail .hero .trust{text-align:left;max-width:none;margin-top:11px;font-size:.67rem}.studio-rail .hero-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.studio-rail .hero-choice{border-color:var(--line);background:var(--card);border-radius:10px;min-height:90px;padding:10px 11px}.studio-rail .hero-choice:hover:not(:disabled){background:#302736}.studio-rail .hero-choice.active{background:#e6b6651c;box-shadow:0 0 16px #e6b66522}.studio-rail .hero-choice .choice-tag{color:var(--accent)}.studio-rail .hero-choice strong{color:var(--ink);font-size:.78rem}.studio-rail .hero-choice small{font-size:.66rem;line-height:1.3}.studio-rail .scene-section{margin-bottom:22px}.studio-rail .palette-panel{margin:0 0 24px}.studio-rail .palette-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-rail .palette-heading h2{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 9px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600}.studio-rail .palette-reset{min-height:24px;color:var(--accent-bright);cursor:pointer;background:0 0;border:0;padding:0;font-size:.7rem}.studio-rail .palette-reset:disabled{color:var(--muted);cursor:default}.studio-rail .palette-options{gap:8px;display:flex}.studio-rail .palette-choice{cursor:pointer;border:2px solid #0000;border-radius:9px;flex:1;min-width:0;height:34px;min-height:34px;padding:0;box-shadow:inset 0 0 0 1px #ffffff20}.studio-rail .palette-choice[aria-pressed=true]{border-color:#f9f0e7;box-shadow:0 0 0 2px #f9f0e730}.studio-rail .palette-choice:hover{transform:translateY(-1px)}.studio-rail .scene-open{border-color:var(--line-mid);background:var(--card);width:100%;color:var(--ink);border-radius:10px}.studio-rail .panel{background:0 0;border:0;border-radius:0;padding:0}.studio-rail .workspace{display:block}.studio-rail .source-panel{border-bottom:1px solid var(--line);padding-bottom:22px}.studio-rail .quick-source{gap:7px}.studio-rail .quick-source>.button{flex:100%}.studio-rail .source-list{grid-template-columns:1fr}.studio-rail .source-card{background:var(--card);border-color:var(--line)}.studio-rail .advanced-panel{padding-top:20px}.studio-rail .advanced-panel>summary{color:var(--ink-soft)}.studio-rail .record-dialog{z-index:100}.studio-rail select,.studio-rail input[type=url],.studio-rail .button{border-color:var(--line-mid);background:var(--card);color:var(--ink)}.studio-rail .button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.studio-shell.controls-hidden{display:block}.studio-shell.controls-hidden .studio-stage{height:100dvh;display:block;position:fixed;inset:0}.studio-shell.controls-hidden .studio-rail{display:none}.studio-shell.controls-hidden .stage{position:absolute}.studio-shell.controls-hidden .topbar,.studio-shell.controls-hidden .stage-controls{display:none}.launch-copy{border-top-color:var(--line);width:min(1120px,100% - 40px)}.launch-copy a{color:var(--accent-bright)}@media (width<=800px){.studio-shell{display:block}.studio-stage{height:100dvh;position:relative}.studio-stage .topbar{padding:18px}.studio-stage .wordmark{font-size:1.05rem}.studio-stage .stage{aspect-ratio:auto}.studio-stage .stage-welcome{padding:70px 18px 160px}.studio-stage .stage-welcome h1{font-size:clamp(2rem,8vw,3.4rem)}.studio-stage .stage-welcome p{font-size:.84rem}.studio-stage .stage-controls{gap:6px;padding:30px 12px 12px}.studio-stage .stage-controls .button,.studio-stage .stage-controls select{flex:0 auto;min-height:36px;padding:7px 10px;font-size:.68rem}.studio-stage .stage-controls .rail-toggle{display:inline-flex}.studio-stage .stage-controls .intensity-control{max-width:100px}.studio-stage .player-strip{bottom:144px;left:12px;right:12px}.studio-rail{z-index:50;border:1px solid var(--line-mid);visibility:hidden;border-radius:22px 22px 0 0;height:min(82dvh,760px);transition:transform .22s;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -20px 60px #0805109c}.studio-rail.rail-open{visibility:visible;transform:translateY(0)}.rail-close{display:inline-block}.studio-rail .hero-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.studio-rail{transition:none}}.studio-stage .scene-dock{z-index:6;padding:8px 2px;position:absolute;bottom:74px;left:20px;right:20px}.studio-stage .player-strip{bottom:172px}.studio-shell.controls-hidden .scene-dock{display:none}.studio-stage .topbar,.studio-stage .stage-controls,.studio-stage .scene-dock,.studio-stage .player-strip{transition:opacity .5s}.studio-shell.is-idle .studio-stage .topbar,.studio-shell.is-idle .studio-stage .stage-controls,.studio-shell.is-idle .studio-stage .scene-dock,.studio-shell.is-idle .studio-stage .player-strip{opacity:0;pointer-events:none}.studio-shell.is-idle .studio-stage{cursor:none}@media (width<=900px){.studio-stage .scene-dock{bottom:112px;left:12px;right:12px}.studio-stage .player-strip{bottom:206px}}@media (width>=901px){.studio-stage .stage-controls .dock-fallback{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.studio-stage .stage-controls button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 22%, transparent);color:#fff7ed}