.app-shell{--app-background:radial-gradient(circle at top left, #050608, #010103 42%, #000);--panel-gradient:linear-gradient(180deg, #0a0c10eb, #050609f5), radial-gradient(circle at top left, #ffffff0d, transparent 42%);--surface:#0a0c10db;--surface-strong:#0d1014f5;--surface-soft:#ffffff0d;--ink-strong:#fff;--ink-soft:#ffffffb8;--line-soft:#ffffff29;--line-grid-x:#ffffff0f;--line-grid-y:#ffffff0a;--accent:#83ecff;--accent-deep:#18b3db;--accent-solid:#72e7ff;--waveform-fill:#ffffff0f;--waveform-bar:#ffffffe0;--waveform-bar-soft:#ffffff57;--playhead:#7dedff;--playhead-label-bg:#ffffff1f;--marker-dot:#fff;--marker-line:#ffffffbd;--preview-outline:#7fedff61;--danger-bg:#9a1818f2;--button-text:#021015;background:var(--app-background);min-height:100vh;color:var(--ink-strong);isolation:isolate;flex-direction:column;gap:.85rem;padding:1rem;display:flex;position:relative;overflow:hidden}.theme--contrast{--app-background:radial-gradient(circle at top left, #050608, #010103 42%, #000);--panel-gradient:linear-gradient(180deg, #0a0c10eb, #050609f5), radial-gradient(circle at top left, #ffffff0d, transparent 42%);--surface:#0a0c10db;--surface-strong:#0d1014f5;--surface-soft:#ffffff0d;--ink-strong:#fff;--ink-soft:#ffffffb8;--line-soft:#ffffff29;--line-grid-x:#ffffff0f;--line-grid-y:#ffffff0a;--accent:#83ecff;--accent-deep:#18b3db;--accent-solid:#72e7ff;--waveform-fill:#ffffff0f;--waveform-bar:#ffffffe0;--waveform-bar-soft:#ffffff57;--playhead:#7dedff;--playhead-label-bg:#ffffff1f;--marker-dot:#fff;--marker-line:#ffffffbd;--preview-outline:#7fedff61;--danger-bg:#9a1818f2;--button-text:#021015}.theme--future{--app-background:radial-gradient(circle at top left, #183d556b, transparent 26%), radial-gradient(circle at 78% 16%, #3fabd32e, transparent 20%), linear-gradient(180deg, #07111a, #04080f 54%, #03050a);--panel-gradient:linear-gradient(180deg, #07121dd1, #05090fe6), radial-gradient(circle at top left, #93e6ff14, transparent 42%);--surface:#0a1826a3;--surface-strong:#0a1826d1;--surface-soft:#97e5ff17;--ink-strong:#eafcff;--ink-soft:#e3f8ffbd;--line-soft:#7bd6ff2e;--line-grid-x:#7bd6ff14;--line-grid-y:#7bd6ff0d;--accent:#8ef4ff;--accent-deep:#34b7ff;--accent-solid:#8ef4ff;--waveform-fill:#78e4ff14;--waveform-bar:#9bf0ffeb;--waveform-bar-soft:#70daff4d;--playhead:#8ff4ff;--playhead-label-bg:#092434c7;--marker-dot:#a9f5ff;--marker-line:#91ebffd1;--preview-outline:#8ff4ff6b;--danger-bg:#952339eb;--button-text:#04131c}.theme--dark{--app-background:radial-gradient(circle at top left, #10141c, #090b10 46%, #050608);--panel-gradient:linear-gradient(180deg, #111318e6, #0a0c10f5), radial-gradient(circle at top left, #ffffff08, transparent 42%);--surface:#12141ad6;--surface-strong:#16191ff5;--surface-soft:#ffffff0d;--ink-strong:#f6f7fb;--ink-soft:#dee4ecb8;--line-soft:#ffffff1f;--line-grid-x:#ffffff0a;--line-grid-y:#ffffff08;--accent:#8aa8ff;--accent-deep:#4f77ff;--accent-solid:#8aa8ff;--waveform-fill:#ffffff0d;--waveform-bar:#eef1ffe0;--waveform-bar-soft:#eef1ff47;--playhead:#93aeff;--playhead-label-bg:#ffffff1f;--marker-dot:#f6f7fb;--marker-line:#e8edffb3;--preview-outline:#93aeff5c;--danger-bg:#8d2231eb;--button-text:#070b16}.app-ambient{z-index:0;pointer-events:none;opacity:.75;position:fixed;inset:0}.app-ambient:before,.app-ambient:after{content:"";filter:blur(70px);border-radius:999px;position:absolute;inset:auto}.theme--contrast .app-ambient:before{background:#78ecff14;width:20rem;height:20rem;top:12%;right:-8%}.theme--contrast .app-ambient:after{background:#ffffff0d;width:18rem;height:18rem;bottom:-8%;left:-4%}.theme--future .app-ambient:before{background:#5de6ff24;width:28rem;height:28rem;animation:24s ease-in-out infinite alternate ambientDrift;top:6%;left:-2%}.theme--future .app-ambient:after{background:#5c8cff1f;width:24rem;height:24rem;animation:28s ease-in-out infinite alternate ambientDriftSecondary;bottom:8%;right:-5%}.theme--dark .app-ambient:before{background:#8aa8ff14;width:20rem;height:20rem;top:8%;right:-10%}.theme--dark .app-ambient:after{background:#ffffff0a;width:18rem;height:18rem;bottom:-10%;left:-6%}.app-shell>*{z-index:1;position:relative}.top-bar{border:1px solid var(--line-soft);background:var(--panel-gradient);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex;box-shadow:0 18px 36px #0000003d}.top-bar__cluster{align-items:center;gap:.9rem;min-width:0;display:flex}.top-bar__cluster--right{flex:1;justify-content:flex-end}.transport{align-items:center;gap:.75rem;min-width:0;display:flex}.transport__play{background:var(--surface-strong);color:var(--ink-strong);box-shadow:inset 0 0 0 1px var(--line-soft);cursor:pointer;border:0;border-radius:999px;padding:.7rem 1rem}.transport__meta{flex-direction:column;min-width:0;display:flex}.transport__meta strong{color:var(--ink-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.transport__meta span{color:var(--ink-soft);font-size:.9rem}.status-chip{background:var(--surface-soft);border:1px solid var(--line-soft);border-radius:1.15rem;flex-direction:column;gap:.12rem;min-width:0;max-width:29rem;padding:.7rem .95rem;display:flex}.status-chip span{color:var(--ink-strong);font-weight:700}.status-chip small{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.export-cluster,.theme-switcher,.mode-switcher{background:var(--surface-soft);border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem;display:inline-flex}.theme-switcher,.mode-switcher{gap:.25rem}.export-cluster button,.theme-switcher button,.mode-switcher button,.primary-button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.85rem 1.1rem;font-weight:700}.export-cluster button,.theme-switcher button,.mode-switcher button{color:var(--ink-strong);background:0 0}.theme-switcher button.is-selected,.mode-switcher button.is-selected{color:var(--button-text);background:var(--accent-solid);box-shadow:0 10px 26px #00000029}.export-cluster button:hover,.transport__play:hover,.theme-switcher button:hover,.mode-switcher button:hover{transform:translateY(-1px);box-shadow:0 12px 22px #0000002e}.primary-button{background:linear-gradient(135deg, var(--accent-deep), var(--accent));color:var(--button-text);box-shadow:0 20px 34px #0000003d}.secondary-button{border:1px solid var(--line-soft);font:inherit;color:var(--ink-strong);background:var(--surface-soft);cursor:pointer;border-radius:999px;padding:.82rem 1.1rem;font-weight:700}.danger-button{font:inherit;color:#fff0f0;cursor:pointer;background:linear-gradient(#71151cf0,#3e0a0efa);border:1px solid #ff636352;border-radius:999px;padding:.82rem 1.1rem;font-weight:700;box-shadow:0 16px 28px #2902064d}.danger-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-1px)}.app-shell--nuking .top-bar,.app-shell--nuking .workspace,.app-shell--nuking .empty-state__panel{animation:.36s cubic-bezier(.25,.8,.25,1) nukeShake}.workspace-shell{flex:1;min-height:0}.workspace{border:1px solid var(--line-soft);background:var(--panel-gradient);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:2rem;min-height:calc(100vh - 8.5rem);position:relative;overflow:hidden;box-shadow:0 28px 66px #00000047}.workspace--preview-armed{cursor:ew-resize}.workspace--preview-armed:after{content:"";border:2px solid var(--preview-outline);pointer-events:none;position:absolute;inset:0}.workspace:before{content:"";background-image:linear-gradient(to right, var(--line-grid-x) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid-y) 1px, transparent 1px);pointer-events:none;background-size:40px 40px;position:absolute;inset:0}.workspace__svg{width:100%;height:100%;position:absolute;inset:0}.workspace__hint,.workspace__footer{z-index:2;color:var(--ink-soft);pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex;position:absolute;left:1rem;right:1rem}.workspace__hint{top:.95rem}.workspace__footer{bottom:.95rem}.workspace__footer-hint{text-align:center;flex:1}.workspace__playhead-label{z-index:4;background:var(--playhead-label-bg);color:var(--ink-strong);border:1px solid var(--line-soft);pointer-events:none;border-radius:999px;padding:.4rem .65rem;font-size:.8rem;position:absolute;transform:translate(-50%)}.marker-callout{z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.marker-callout.is-draggable{cursor:grab}.marker-callout.is-draggable:active{cursor:grabbing}.marker-callout__frame{background:var(--surface-strong);border:1px solid var(--line-soft);border-radius:1.2rem;flex-direction:column;gap:.45rem;padding:.65rem .8rem;display:flex;box-shadow:0 22px 44px #00000042}.marker-callout__header,.marker-callout__actions{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.marker-callout__meta{min-width:0;color:var(--ink-soft);font-size:.76rem;line-height:1.35}.marker-callout__time,.marker-callout__action,.marker-callout__delete{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.marker-callout__time{color:var(--accent-solid);flex:none;font-size:.82rem;font-weight:700}.marker-callout__badge{background:var(--surface-soft);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;padding:.28rem .55rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.marker-callout__preview{color:var(--ink-strong);-webkit-line-clamp:2;cursor:inherit;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:.98rem;line-height:1.35;display:-webkit-box;overflow:hidden}.marker-callout__editor{resize:none;min-height:2.8rem;max-height:11rem;color:var(--ink-strong);width:100%;caret-color:var(--accent-solid);background:0 0;border:0;outline:none;padding:0;font-size:1rem;line-height:1.45;overflow:auto}.marker-callout__action{color:var(--ink-strong);font-size:.82rem;font-weight:700}.marker-callout__delete{color:var(--ink-soft);justify-self:flex-start;margin-left:auto;font-size:.82rem}.marker-callout.is-selected .marker-callout__frame{border-color:var(--preview-outline);box-shadow:0 24px 54px #00000057}.empty-state{flex:1;place-items:center;display:grid}.empty-state__panel{border:1px solid var(--line-soft);background:var(--panel-gradient);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:2rem;width:min(52rem,100%);padding:2rem;box-shadow:0 36px 90px #00000047}.eyebrow{text-transform:uppercase;letter-spacing:.26em;color:var(--accent-solid);margin:0 0 .7rem;font-size:.76rem}.empty-state h1{max-width:11ch;color:var(--ink-strong);margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:.95}.empty-state__copy{max-width:36rem;color:var(--ink-soft);margin:1rem 0 1.6rem;font-size:1rem;line-height:1.6}.primary-button--hero{padding-inline:1.45rem;font-size:1.05rem}.theme-switcher--hero{margin-top:1rem}.install-guide{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:1.3rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem .95rem;display:flex}.install-guide__copy{flex-direction:column;gap:.22rem;display:flex}.install-guide__copy strong{color:var(--ink-strong)}.install-guide__copy span{color:var(--ink-soft);line-height:1.45}.confirm-modal{z-index:35;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.confirm-modal__backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030508c2;border:0;position:absolute;inset:0}.confirm-modal__dialog{z-index:1;border:1px solid var(--line-soft);background:var(--panel-gradient);border-radius:1.5rem;width:min(28rem,100vw - 2rem);padding:1.35rem;position:relative;box-shadow:0 28px 72px #0000005c}.confirm-modal__copy{color:var(--ink-soft);margin:.55rem 0 0;font-size:1rem;line-height:1.55}.confirm-modal__actions{justify-content:flex-end;gap:.7rem;margin-top:1rem;display:flex}.empty-state__specs{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.empty-state__specs span{border:1px solid var(--line-soft);background:var(--surface-soft);color:var(--ink-soft);border-radius:999px;padding:.65rem .95rem}.error-banner{z-index:40;background:var(--danger-bg);color:#fff;border-radius:1rem;margin:0;padding:.9rem 1rem;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 20px 40px #00000052}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes ambientDrift{0%{transform:translate(-2%)scale(.96)}to{transform:translate(8%,3%)scale(1.08)}}@keyframes ambientDriftSecondary{0%{transform:translate(0,0)scale(.94)}to{transform:translate(-6%,-4%)scale(1.06)}}@keyframes nukeShake{0%{transform:translate(0,0)}20%{transform:translate(-10px)rotate(-.3deg)}40%{transform:translate(9px)rotate(.32deg)}60%{transform:translate(-7px)rotate(-.22deg)}80%{transform:translate(5px)rotate(.16deg)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.app-ambient:before,.app-ambient:after,.primary-button,.secondary-button,.danger-button,.transport__play,.theme-switcher button,.mode-switcher button,.export-cluster button{transition:none;animation:none}}@media (width<=1120px){.top-bar{flex-direction:column;align-items:stretch}.top-bar__cluster,.top-bar__cluster--right{flex-wrap:wrap;justify-content:flex-start}.top-bar__cluster--right{flex:none}.status-chip{flex:1;max-width:none}}@media (width<=900px){.workspace{min-height:calc(100vh - 12rem)}}@media (width<=720px){.app-shell{padding:.75rem}.transport{width:100%}.transport__meta strong,.status-chip small{white-space:normal}.workspace{border-radius:1.5rem;min-height:calc(100vh - 14rem)}.workspace__hint,.workspace__footer{flex-direction:column;gap:.25rem}.workspace__footer-hint{text-align:left}.marker-callout{max-width:min(18rem,100% - 1.5rem)}.empty-state__panel{border-radius:1.5rem;padding:1.35rem}.empty-state h1{font-size:clamp(1.8rem,10vw,2.8rem)}.empty-state__specs{flex-direction:column}.install-guide{flex-direction:column;align-items:stretch}.confirm-modal__actions{flex-direction:column}.theme-switcher,.mode-switcher{flex-wrap:wrap}}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{background:#000;min-width:320px}body{background:#000;min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,color .16s}button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #7fecffe0}#root{min-height:100vh}