@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:Manrope,sans-serif;color:#eef3ff;color-scheme:dark;background:radial-gradient(circle at 14% 16%,rgba(255,112,67,.18),transparent 20%),radial-gradient(circle at 85% 18%,rgba(77,148,255,.16),transparent 24%),radial-gradient(circle at 50% 100%,rgba(94,255,213,.06),transparent 24%),linear-gradient(180deg,#04060b,#060911 38%,#020308);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow-x:hidden;padding:14px}.app-shell.is-rendering,.app-shell.preview-focused{overflow:hidden}.background-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%);opacity:.16;pointer-events:none}.background-orb{position:absolute;border-radius:999px;filter:blur(120px);pointer-events:none;opacity:.42}.orb-a{width:24rem;height:24rem;background:#ff754a2e;top:-6rem;left:-3rem}.orb-b{width:28rem;height:28rem;background:#4f84ff26;right:-9rem;bottom:-10rem}.topbar,.layout{position:relative;z-index:1}.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,auto);gap:12px;align-items:stretch;margin-bottom:12px}@media (min-width: 981px){.topbar{padding-right:120px}}.brand-block{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.brand-copy{min-width:0;flex:1}.brand-mark{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#0a0f18e6;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 34px #0a0e1838;overflow:hidden}.brand-icon{width:100%;height:100%;display:block;object-fit:contain;padding:1px}.topbar h1,.panel h2,.stage-overlay h2,.render-lock-card h2{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.04em}.topbar h1{max-width:40ch;font-size:clamp(1.2rem,1.8vw,1.8rem);line-height:1.02}.eyebrow{margin:0 0 8px;color:#d6dfee94;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em}.topbar-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:10px}.source-launcher{position:static;white-space:nowrap;pointer-events:auto;padding-inline:13px;min-height:44px;color:#f0f5ffeb;background:#0c101aeb;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff12}.source-launcher-rail{position:fixed;top:14px;right:14px;z-index:28;display:flex;justify-content:flex-end;pointer-events:none}.source-launcher-icon{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#6398ff24;color:#cfe0ff}.source-launcher-icon svg{width:16px;height:16px}.source-launcher-label{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.status-pill,.panel,.stage-shell{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111623d6,#070a12f0),#0a0c12bf;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffff0f,0 18px 64px #00000047}.status-pill{padding:11px 12px;border-radius:16px;width:auto;min-width:112px;max-width:min(280px,100%)}.status-pill span,.metric-grid span,.timeline-meta span,.panel-note,.panel-copy,.control-row span,.select-grid span,.capability-pill,.upload-dropzone small,.export-status-grid span,.section-chip span,.panel-toggle-meta{color:#ced9e9ad;font-size:.8rem}.status-pill strong,.metric-grid strong,.timeline-meta,.control-row strong,.seed-editor input,.panel-note,.section-chip strong,.export-status-grid strong,.panel-toggle-meta{font-family:IBM Plex Mono,monospace}.layout{display:grid;gap:12px}.workspace-shell{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,420px);gap:12px;align-items:start}.workspace-main{min-width:0;display:grid;gap:10px}.workspace-sidebar{display:grid;gap:10px;position:sticky;top:14px}.stage-shell{border-radius:24px;overflow:hidden;position:relative;min-height:clamp(280px,36vh,410px)}.preview-canvas{display:block;width:100%;height:100%;min-height:clamp(280px,36vh,410px)}.stage-overlay{position:absolute;left:0;width:100%;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;z-index:1}.stage-overlay.top{top:0;background:linear-gradient(180deg,rgba(3,5,10,.78),transparent)}.stage-overlay.bottom{bottom:0;align-items:flex-end;background:linear-gradient(0deg,rgba(4,6,10,.88),transparent)}.stage-center-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:28px;pointer-events:none}.stage-center-copy strong{display:block;font-size:.98rem;margin-bottom:8px}.stage-center-copy p{max-width:34ch;margin:0 auto;color:#d7dfeeb3;line-height:1.5}.stage-tags,.capability-list,.button-row,.section-timeline,.stage-actions{display:flex;gap:8px;flex-wrap:wrap}.stage-tags span,.capability-pill,.section-chip{padding:7px 11px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.stage-actions{align-items:flex-end;justify-content:flex-end}.stage-action-button{padding-inline:13px}.stage-timeline{width:min(320px,100%)}.stage-progress-track,.export-progress-track{width:100%;height:9px;border-radius:999px;background:#ffffff14;overflow:hidden}.stage-progress-fill,.export-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7c4f,#64a3ff 64%,#7bffeb)}.stage-timeline-meta,.timeline-meta{display:flex;justify-content:space-between;margin-top:8px}.timeline-live{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#ced9e9b3;font-size:.78rem}.live-dot{width:8px;height:8px;border-radius:999px;background:#ffffff3d}.live-dot.playing{background:#7bffeb;box-shadow:0 0 14px #7bffeb9e}.export-chip{min-width:138px;padding:12px 14px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.export-chip span{display:block;color:#ced9e9ad;font-size:.76rem;margin-bottom:6px}.panel{border-radius:20px;padding:13px}.collapsible-panel.priority-panel{border-color:#71b3ff29;box-shadow:inset 0 1px #ffffff0f,0 18px 54px #00000042,0 0 0 1px #6398ff0d}.panel-highlighted{border-color:#7bc1ff57;box-shadow:inset 0 1px #ffffff0f,0 18px 54px #00000042,0 0 0 1px #7bc1ff38,0 0 34px #7bc1ff1f}.variation-panel{order:-2}.secondary-panel{opacity:.94}.panel-toggle{width:100%;padding:0;background:none;border:0;color:inherit;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:left}.panel-toggle-copy{min-width:0}.panel-toggle-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-toggle .panel-copy{margin-top:6px}.panel-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ffffff0f;transition:transform .16s ease,background .16s ease;flex:0 0 auto}.panel-chevron.open{transform:rotate(180deg);background:#64a3ff24}.panel-body{display:grid;gap:12px;margin-top:12px}.panel-copy,.panel-note{margin:8px 0 0;line-height:1.5}.panel-subsection{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.upload-dropzone{display:grid;gap:8px;padding:16px;border-radius:16px;border:1px dashed rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff0d,#ffffff08);cursor:pointer}.upload-dropzone input{display:none}.upload-dropzone span,.primary-button,.ghost-button{border-radius:999px}.upload-dropzone span{display:inline-flex;justify-content:center;align-items:center;width:fit-content;padding:10px 14px;font-weight:700;background:linear-gradient(135deg,#ff7849,#628fff)}.metric-grid,.export-status-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid div,.export-status-grid div{padding:11px 12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.metric-grid.compact{margin-top:0}.metric-grid .full{grid-column:1 / -1}.compact-note-panel{min-height:100%}.error-text{color:#ff9b84;margin-top:12px}.timeline-block input,.control-row input[type=range]{width:100%;accent-color:#7ae7ff}.button-row{align-items:center}.button-row.stacked{display:grid;gap:10px}.primary-button,.ghost-button{border:0;padding:10px 14px;transition:transform .14s ease,opacity .14s ease,background .14s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-button{color:#fff;background:linear-gradient(135deg,#ff7c4f,#ff9967);box-shadow:0 14px 36px #ff7c4f38}.ghost-button{color:#eef3ff;background:#ffffff12}.ghost-button.active{background:#64a3ff2e}.button-with-shortcut{justify-content:space-between}.shortcut-badge{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.shortcut-badge kbd{min-width:24px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e8efffd1;font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:500;line-height:1;text-align:center}.wide{width:100%;justify-content:center}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}button:disabled,input:disabled,select:disabled{opacity:.46;cursor:not-allowed}.is-disabled-link{opacity:.46;pointer-events:none}.checkbox-row{display:inline-flex;align-items:center;gap:10px}.checkbox-row.compact{padding:0 8px}.checkbox-row input{accent-color:#ff7c4f}.select-grid,.sliders,.debug-content,.section-editor{display:grid;gap:12px}.select-grid.two,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.select-grid label{display:grid;gap:8px}.select-grid select,.seed-editor input,.section-name-input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#eef3ff}.control-row{display:flex;align-items:center;gap:10px}.control-row strong{width:48px;text-align:right;font-size:.78rem}.seed-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.color-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-input{display:grid;gap:8px}.color-input-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.color-input-row input[type=color]{width:36px;height:36px;padding:0;border:0;background:transparent}.color-input-row code{font-family:IBM Plex Mono,monospace;font-size:.76rem}.swatch-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.swatch-row span{display:block;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.export-progress{margin:2px 0}.capability-pill.good{color:#baf2d9}.capability-pill.warn{color:#ffd6a5}.section-track{position:relative;height:88px;border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff05),#0000001f;border:1px solid rgba(255,255,255,.06);overflow:hidden}.section-track-legend{display:flex;flex-wrap:wrap;gap:14px;color:#ced9e9b8;font-size:.78rem}.section-track-legend span{display:inline-flex;align-items:center;gap:8px}.section-state-indicator{width:10px;height:10px;border-radius:999px}.section-state-indicator.playing{background:#ff9566eb;box-shadow:0 0 12px #ff95667a}.section-state-indicator.selected{background:#6cb7ffeb;box-shadow:0 0 12px #6cb7ff70}.section-state-indicator.looped{background:#7bffc9eb;box-shadow:0 0 12px #7bffc966}.section-track.disabled{opacity:.72}.section-track-block{position:absolute;top:0;bottom:0;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#628fff24,#ffffff0d),#ffffff08;display:flex;align-items:stretch;justify-content:space-between;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease;overflow:hidden;z-index:1}.section-track-block:hover{background:linear-gradient(180deg,#6fa9ff2e,#ffffff0d),#ffffff0a}.section-track-block.is-selected{z-index:3;border-color:#7dc2ff6b;background:linear-gradient(180deg,#628fff47,#ffffff14),#ffffff0f;box-shadow:inset 0 0 0 1px #7dc2ff24}.section-track-block.is-playing{z-index:2;border-color:#ff99705c;background:linear-gradient(180deg,#ff855833,#ffffff0f),#ffffff0d}.section-track-block.is-playing:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#ff997033,#ff9970eb,#ff997033)}.section-track-block.is-current{z-index:4;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #ff997029}.section-track-block.is-looped{box-shadow:inset 0 0 0 1px #7bffc938}.section-track-copy{flex:1;min-width:0;display:grid;align-content:center;gap:4px;padding:8px 6px;text-align:center}.section-track-copy strong,.section-track-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-track-name-edit{width:100%;min-width:0;padding:6px 8px;border-radius:10px;border:1px solid rgba(125,194,255,.42);background:#070c16d6;color:#eef3ff;font-weight:700;text-align:center}.section-track-handle{width:10px;flex:0 0 auto;background:#ffffff14;cursor:ew-resize}.section-track-handle:hover{background:#ffffff29}.section-track.mode-global .section-track-handle{opacity:.34;cursor:default}.section-editor-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.section-editor-actions .button-row{justify-content:flex-end}.danger-button{background:#ff79791f;color:#ffb2b2}.mode-toggle{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.debug-panel canvas{width:100%;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.06)}.debug-canvases{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.secondary-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.secondary-card{grid-column:span 3}.secondary-wide{grid-column:span 6}.secondary-full{grid-column:1 / -1}.secondary-muted{opacity:.94}.source-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:1fr auto}.source-drawer-backdrop{border:0;background:#0204087a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.source-drawer{width:min(420px,100vw);height:100vh;padding:16px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111623f0,#070a12fa),#0a0c12e0;box-shadow:-24px 0 80px #00000057;animation:slideDrawerIn .18s ease}.source-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.source-drawer-close{white-space:nowrap}.audio-source-panel{display:grid;gap:12px}.source-drawer-actions{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.render-lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040894;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;display:grid;place-items:center;padding:24px}.render-lock-card{width:min(420px,100%);padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#121724eb,#080a12f0),#0a0c12e0;box-shadow:inset 0 1px #ffffff0f,0 24px 80px #00000061}.access-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:34;display:grid;place-items:center;padding:24px;background:#020408b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.access-card{width:min(560px,100%);padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111623f0,#070a12fa),#0a0c12e0;box-shadow:inset 0 1px #ffffff0f,0 24px 80px #0006}.access-card h1{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.04em}.access-form{display:grid;gap:12px;margin-top:16px}.access-form label{display:grid;gap:8px}.access-form input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#eef3ff}.access-link-button{display:inline-flex;align-items:center;justify-content:center}.render-bridge-shell{width:100vw;height:100vh;display:grid;place-items:center;background:#000}.render-bridge-canvas{display:block;width:100%;height:100%}.render-bridge-overlay{position:fixed;top:24px;right:24px;bottom:24px;left:24px;display:grid;place-items:center;gap:8px;color:#fff;font-family:IBM Plex Mono,monospace;pointer-events:none}.render-lock-card p{margin:8px 0 14px;color:#d7dfeebd}.preview-focused .topbar,.preview-focused .workspace-sidebar,.preview-focused .secondary-grid,.preview-focused .source-launcher-rail{opacity:0;pointer-events:none}.preview-focused .workspace-main{position:fixed;top:20px;right:20px;bottom:20px;left:20px;z-index:8}.preview-focused .workspace-main>:not(:first-child){display:none}.preview-focused .workspace-shell{grid-template-columns:1fr}.preview-focused .stage-shell,.preview-focused .preview-canvas{min-height:calc(100vh - 40px)}@media (max-width: 1360px){.topbar,.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.secondary-card,.secondary-wide,.secondary-full{grid-column:span 6}}@media (max-width: 980px){.app-shell{padding:12px}.topbar-pills,.workspace-sidebar,.metric-grid,.export-status-grid,.select-grid.two,.color-grid,.swatch-row,.debug-canvases,.seed-editor,.secondary-grid{grid-template-columns:1fr}.secondary-card,.secondary-wide,.secondary-full{grid-column:1 / -1}.section-editor-actions{grid-template-columns:1fr}.source-launcher{width:auto}}@media (max-width: 760px){.stage-shell,.preview-canvas{min-height:280px}.stage-overlay{position:static;background:none;padding-bottom:0}.stage-center-copy{position:static;padding:0 20px 18px}.source-drawer{width:100vw}}@keyframes slideDrawerIn{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}