*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #06060e;--surface: rgba(11, 13, 24, .84);--surface-hi: rgba(10, 12, 22, .96);--border: rgba(255, 255, 255, .07);--border-hi: rgba(255, 255, 255, .12);--text: #f4f4fb;--text-muted: #b0b4d4;--text-dim: #6c7298;--accent: #f97316;--accent-soft: rgba(249, 115, 22, .16);--accent-glow: rgba(249, 115, 22, .3);--red: rgba(239, 68, 68, .1);--red-border: rgba(239, 68, 68, .22);--red-text: #fca5a5;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--keyboard-h: 120px;--hud-gap: 28px;--font: "Inter", system-ui, sans-serif;--font-display: "Instrument Serif", ui-serif, Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:relative;width:100vw;height:100vh}#pianoroll{display:block;width:100%;height:100%}#ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hidden{display:none!important}#dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;opacity:1;pointer-events:none;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);padding:28px}#dropzone:not(.dz--hidden) .home-card,#dropzone:not(.dz--hidden) .home-primary-btn,#dropzone:not(.dz--hidden) .home-secondary-btn,#dropzone:not(.dz--hidden) input{pointer-events:auto}#dropzone.dz--hidden{opacity:0;pointer-events:none;transform:scale(.97);visibility:hidden;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out),visibility 0s linear .45s}#dropzone:before{content:"";position:absolute;width:min(86vw,920px);height:min(86vw,920px);border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--accent-soft),transparent 34%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.04),transparent 42%);pointer-events:none}.home-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:min(620px,calc(100vw - 48px));padding:44px;background:linear-gradient(145deg,#0c0f1cf0,#070812e6),#06060ed6;backdrop-filter:blur(34px) saturate(132%);-webkit-backdrop-filter:blur(34px) saturate(132%);border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 28px 72px #000000ad,inset 0 1px #ffffff0d,inset 0 0 48px #ffffff04;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease-spring)}#dropzone.drag-over .home-card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 80px var(--accent-glow),0 40px 100px #000000b3,inset 0 0 48px var(--accent-soft);transform:scale(1.015)}.home-title{font-family:var(--font-display);font-size:clamp(44px,6vw,76px);line-height:.94;font-weight:400;color:var(--text);letter-spacing:-.02em}.home-title em{font-style:italic;color:var(--accent);font-weight:400}.home-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-pill);color:var(--text-muted);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.home-kicker:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.5}50%{opacity:1}}.home-sub{font-size:15px;line-height:1.5;color:var(--text-muted);max-width:38ch;margin-top:2px}.home-footnotes{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px}.home-samples{display:flex;flex-direction:column;gap:8px;margin-top:10px;width:100%}.home-samples-label{font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.samples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.sample-card{--sample-accent: var(--accent);position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 13px 11px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,color-mix(in srgb,var(--sample-accent) 16%,rgba(18,18,28,.9)),color-mix(in srgb,var(--sample-accent) 4%,rgba(10,10,18,.92)));color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;overflow:hidden;transition:border-color .18s,transform .16s var(--ease-spring),box-shadow .18s}.sample-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 100% 0%,color-mix(in srgb,var(--sample-accent) 28%,transparent) 0%,transparent 70%);pointer-events:none;opacity:.65}.sample-card:hover{border-color:color-mix(in srgb,var(--sample-accent) 55%,transparent);transform:translateY(-2px);box-shadow:0 12px 32px -12px color-mix(in srgb,var(--sample-accent) 45%,transparent)}.sample-card:active{transform:translateY(0)}.sample-card-viz{position:relative;width:100%;height:56px;margin-top:2px;overflow:visible}.sample-card-viz:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sample-accent) 50%,transparent) 20%,color-mix(in srgb,var(--sample-accent) 50%,transparent) 80%,transparent);opacity:.5}.sample-card-bars{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:2px;height:100%;padding:0 1px;filter:drop-shadow(0 2px 10px color-mix(in srgb,var(--sample-accent) 30%,transparent))}.sample-card-bars span{position:relative;flex:1;min-width:2px;height:var(--h, 30%);border-radius:2px 2px 1px 1px;background:linear-gradient(180deg,color-mix(in srgb,var(--sample-accent) 100%,transparent),color-mix(in srgb,var(--sample-accent) 70%,transparent) 45%,color-mix(in srgb,var(--sample-accent) 25%,transparent));transform-origin:bottom center;transition:height .45s var(--ease-spring),transform .35s var(--ease-spring),filter .25s ease-out,opacity .25s ease-out}.sample-card-bars span:after{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:color-mix(in srgb,var(--sample-accent) 80%,#fff 40%);border-radius:2px 2px 0 0;opacity:.85}.sample-card:hover .sample-card-bars{filter:drop-shadow(0 3px 14px color-mix(in srgb,var(--sample-accent) 55%,transparent))}.sample-card:hover .sample-card-bars span{animation:sample-bar-breathe 1.4s ease-in-out infinite;animation-delay:var(--d, 0ms)}@keyframes sample-bar-breathe{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(1.12);opacity:.92}}.sample-card-meta{display:flex;flex-direction:column;gap:1px;min-width:0;position:relative}.sample-card-title{font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-card-sub{font-size:10.5px;color:var(--text-muted);letter-spacing:.01em}.home-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-primary-btn,.home-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:14px;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform .16s var(--ease-spring),color .16s,background .16s,border-color .16s,box-shadow .16s}.home-primary-btn{background:var(--accent);color:#f8f8ff;border:1px solid transparent;box-shadow:0 10px 28px var(--accent-glow)}.home-primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px var(--accent-glow)}.home-secondary-btn{background:#ffffff0a;color:var(--text);border:1px solid rgba(255,255,255,.08)}.home-secondary-btn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#ffffff24}.home-midi-status{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-pill);color:var(--text-muted);font-size:12px}.home-midi-status[data-midi-status=connected]{color:var(--accent);border-color:var(--accent-glow);background:var(--accent-soft)}.home-midi-status[data-midi-status=blocked]{color:#ffd89c;border-color:#ffc55e47;background:#ffc55e1a}.home-drop-hint{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--text-dim);flex-wrap:wrap}.home-drop-hint code,.home-drop-hint kbd{font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--text-muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:1px 5px;border-radius:5px}.home-drop-hint kbd{min-width:18px;text-align:center;margin:0 1px}@media (max-width: 1120px){.home-card{width:min(100%,calc(100vw - 32px));padding:32px 26px;gap:14px}.ts-home-name,.ts-status-kicker{display:none}.ts-status-title{max-width:220px}.theme-label,.ts-instrument-label{display:none}.ts-end{gap:4px}.ts-pill{padding:0 11px}}@media (max-width: 900px){#top-strip{top:10px;left:10px;right:10px;gap:8px;padding:0 6px 0 10px}.ts-pill>span:not(.ts-instrument-icon-slot){display:none}.ts-pill{padding:0 9px;gap:0}.ts-midi-label{display:none}.ts-status-title{max-width:150px;font-size:12px}.ts-pill--instrument>svg{display:none}.ts-sep{margin:0 2px}}@media (max-width: 680px){.ts-status-main,.ts-bars{display:none}.ts-status{padding:0 4px;gap:0}.ts-record-btn span{display:none}.ts-record-btn{padding:0 10px}#top-strip{padding:0 6px 0 8px}.ts-end{gap:3px}}@media (max-width: 640px){#dropzone{padding:16px}.home-card{padding:26px 20px;border-radius:24px}.home-title{font-size:28px}.home-sub{font-size:14px}.home-actions{width:100%;flex-direction:column;align-items:stretch}.home-primary-btn,.home-secondary-btn{width:100%}#hud{width:min(100vw - 20px,760px)}.hud-bar{flex-wrap:wrap;justify-content:center}.hud-drag-handle{order:-1}.scrubber-wrap{order:2;width:100%}.hud-divider{display:none}}#top-strip{position:absolute;top:14px;left:14px;right:14px;height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 8px 0 14px;background:#070912c7;border:1px solid rgba(255,255,255,.07);border-radius:18px;backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:0 20px 48px #00000057,inset 0 1px #ffffff0a;z-index:20;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}#top-strip.strip--active{opacity:1;transform:none;pointer-events:auto}#top-strip.strip--dim{opacity:.16;pointer-events:none}.ts-end{display:flex;align-items:center;gap:6px;flex-shrink:0}.ts-home{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 12px 0 6px;background:transparent;border:none;border-radius:12px;color:var(--text);font-family:var(--font);font-size:13.5px;font-weight:600;letter-spacing:-.015em;cursor:pointer;transition:background .15s,color .15s}.ts-home:hover{background:#ffffff0a}.ts-home-mark{color:var(--accent);flex-shrink:0;transition:transform .25s var(--ease-spring)}.ts-home:hover .ts-home-mark{transform:rotate(-4deg) scale(1.05)}.ts-home-name{white-space:nowrap}.ts-status{display:inline-flex;justify-self:center;align-items:center;gap:10px;min-width:0;max-width:520px;height:36px;padding:0 14px;color:var(--text);font-family:var(--font)}.ts-status-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--text-dim);transition:background .2s,box-shadow .2s}#top-strip[data-mode=live] .ts-status-dot{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}#top-strip[data-mode=file] .ts-status-dot{background:var(--accent)}#top-strip.strip--playing .ts-status-dot{animation:dot-pulse 1.8s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 5px transparent}}.ts-status-main{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;min-width:0}.ts-status-kicker{font-size:9.5px;font-weight:600;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase}.ts-status-title{margin-top:2px;font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.015em;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px;margin-left:2px;opacity:0;transition:opacity .4s;flex-shrink:0}#top-strip.strip--playing:not(.strip--dim) .ts-bars{opacity:.75}.ts-bars span{display:block;width:2px;border-radius:1.5px;background:var(--accent);animation:bar-bounce 1.2s ease-in-out infinite}.ts-bars span:nth-child(1){height:6px;animation-delay:0s}.ts-bars span:nth-child(2){height:11px;animation-delay:.22s}.ts-bars span:nth-child(3){height:4px;animation-delay:.1s}.ts-bars span:nth-child(4){height:8px;animation-delay:.38s}@keyframes bar-bounce{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.ts-pill{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:var(--r-pill);border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:var(--font);font-size:12px;font-weight:500;letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s,transform .16s var(--ease-spring)}.ts-pill svg{color:currentColor;flex-shrink:0}.ts-pill:hover{color:var(--text);background:#ffffff0d;border-color:#ffffff14}.ts-pill:active{transform:scale(.97)}.ts-pill--on{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-glow)}.ts-pill--on:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}#top-strip[data-has-file=false] .ts-pill--file{display:none}#top-strip[data-midi-status=unavailable] .ts-pill--midi{opacity:.35;pointer-events:none}#top-strip[data-midi-status=blocked] .ts-pill--midi{color:#ffc67a;border-color:#ffc67a40;background:#ffc67a12}.ts-midi-label{max-width:140px;overflow:hidden;text-overflow:ellipsis}.ts-sep{width:1px;height:18px;margin:0 4px;background:#ffffff14;flex-shrink:0}.ts-theme-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 10px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-muted);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s,transform .16s var(--ease-spring)}.ts-theme-btn:hover{color:var(--text);background:#ffffff12;border-color:#ffffff24;transform:translateY(-1px)}.ts-theme-btn:active{transform:translateY(0) scale(.97)}.theme-label{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.theme-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);display:block;box-shadow:0 0 8px var(--accent-glow);transition:background .4s var(--ease-out),box-shadow .4s}.ts-particle-icon{display:inline-flex;align-items:center;color:var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow))}.ts-record-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px 0 10px;border-radius:var(--r-pill);background:var(--accent-soft);border:1px solid rgba(255,255,255,.08);color:var(--accent);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .2s}.ts-record-btn:hover{background:var(--accent-soft);border-color:var(--accent-glow);box-shadow:0 0 12px var(--accent-glow)}.ts-record-btn:active{transform:scale(.96)}#top-strip.strip--exporting .ts-record-btn{color:#f87171;border-color:#ef444459;background:#ef44441f;pointer-events:none}#top-strip.strip--exporting .ts-record-btn svg{animation:record-blink 1.4s ease-in-out infinite}@keyframes record-blink{0%,to{opacity:1}50%{opacity:.2}}#hud{position:absolute;bottom:calc(var(--keyboard-h) + var(--hud-gap));left:50%;transform:translate(calc(-50% + var(--hud-dx, 0px))) translateY(var(--hud-dy, 0px));width:auto;max-width:min(760px,calc(100vw - 32px));pointer-events:none;opacity:0;z-index:15;transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}#hud.hud--active{opacity:1;pointer-events:auto}#hud.hud--active.hud--idle{opacity:0;pointer-events:none;transform:translate(calc(-50% + var(--hud-dx, 0px))) translateY(calc(var(--hud-dy, 0px) + 14px))}.hud-bar{display:flex;align-items:center;gap:8px;height:56px;padding:0 14px;background:#07070fed;backdrop-filter:blur(48px) saturate(160%);-webkit-backdrop-filter:blur(48px) saturate(160%);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 64px #000000bf,0 8px 24px #00000080,inset 0 1px #ffffff0b}.hud-group{display:inline-flex;align-items:center;gap:4px}#hud.hud--live .hud-group--transport{display:none}#hud:not(.hud--live) .hud-group--instrument{display:none}.hud-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:22px;border-radius:5px;border:none;background:transparent;color:var(--text-dim);cursor:grab;flex-shrink:0;margin-right:-2px;transition:color .15s,background .15s}.hud-drag-handle:hover{color:var(--text);background:#ffffff0f}#hud.hud--dragging,#hud.hud--dragging .hud-drag-handle{cursor:grabbing}.hud-pin-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s,transform .12s var(--ease-spring)}.hud-pin-btn:hover{color:var(--text);background:#ffffff0f}.hud-pin-btn:active{transform:scale(.9)}.hud-pin-btn.hud-pin-btn--on{color:var(--accent);background:var(--accent-soft);transform:rotate(-18deg)}.hud-pin-btn.hud-pin-btn--on:hover{color:var(--accent)}.btn-play{width:34px;height:34px;border-radius:50%;background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:filter .15s,transform .12s var(--ease-spring),box-shadow .2s;box-shadow:0 4px 16px var(--accent-glow)}.btn-play:hover{filter:brightness(1.18);box-shadow:0 6px 24px var(--accent-glow)}.btn-play:active{transform:scale(.9)}@keyframes playing-pulse{0%,to{box-shadow:0 4px 16px var(--accent-glow)}50%{box-shadow:0 4px 28px var(--accent-glow),0 0 0 5px var(--accent-soft)}}#hud.hud--playing .btn-play{animation:playing-pulse 2.8s ease-in-out infinite}.btn-skip{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.btn-skip:hover{color:var(--text);background:#ffffff0f}.btn-skip:active{transform:scale(.88)}.hud-divider{width:1px;height:18px;background:linear-gradient(to bottom,transparent,var(--border-hi),transparent);flex-shrink:0}.scrubber-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.time-display{font-family:var(--font-mono);font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.time-display.dim{color:var(--text-dim)}.scrubber{flex:1;height:3px;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) var(--pct, 0%),rgba(255,255,255,.08) var(--pct, 0%));border-radius:var(--r-pill);outline:none;cursor:pointer;transition:height .15s}.scrubber:hover{height:5px}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 2.5px var(--accent-soft),0 2px 6px #00000080;cursor:pointer;transition:transform .12s var(--ease-spring)}.scrubber::-webkit-slider-thumb:hover{transform:scale(1.3)}.scrubber:active::-webkit-slider-thumb{transform:scale(1.1)}.ctrl-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.ctrl-icon{color:var(--text-dim);flex-shrink:0;display:flex;align-items:center}.mini-slider{width:60px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;border-radius:var(--r-pill);outline:none;cursor:pointer;transition:height .15s}.mini-slider:hover{height:5px}.mini-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text);cursor:pointer;box-shadow:0 1px 4px #00000080;transition:transform .12s}.mini-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.mini-slider--zoom{width:64px}.hud-instr-btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 12px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s,transform .12s var(--ease-spring)}.hud-instr-btn:hover{background:#ffffff12;border-color:#ffffff24}.hud-instr-btn:active{transform:scale(.97)}.hud-instr-icon{color:var(--accent);display:inline-flex}#hud:not(.hud--live) .hud-group--live{display:none}.hud-session-btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 12px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s,transform .12s var(--ease-spring)}.hud-session-btn:hover{background:#ffffff12;border-color:#ffffff24}.hud-session-btn:active{transform:scale(.97)}.hud-session-dot{width:9px;height:9px;border-radius:50%;background:#e2384a;box-shadow:0 0 #e2384a66;transition:box-shadow .2s}.hud-session-btn.hud-session-btn--on{background:#e2384a;border-color:#e2384a;color:#fff;box-shadow:0 2px 12px #e2384a73;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.hud-session-btn.hud-session-btn--on .hud-session-dot{background:#fff;animation:session-breathe 1.4s ease-in-out infinite}@keyframes session-breathe{0%,to{box-shadow:0 0 #ffffffb3}50%{box-shadow:0 0 0 6px #fff0}}.hud-metro{display:inline-flex;align-items:center;gap:2px;height:32px;padding:3px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;transition:border-color .15s,background .15s}.hud-metro:hover{border-color:#ffffff24}.hud-metro.hud-metro--on{border-color:var(--accent);background:var(--accent-soft)}.hud-metro-toggle{position:relative;width:26px;height:26px;border:none;background:transparent;border-radius:50%;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .12s var(--ease-spring)}.hud-metro-toggle:hover{background:#ffffff14}.hud-metro-toggle:active{transform:scale(.92)}.hud-metro-toggle--on{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.hud-metro-toggle--on:hover{background:var(--accent);filter:brightness(1.08)}.hud-metro-icon{display:inline-flex}.hud-metro-beat{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;pointer-events:none}.hud-metro-beat--tick{animation:metro-tick .18s ease-out}.hud-metro-beat--down{animation:metro-tick-down .24s ease-out;background:#fff}.hud-metro-toggle--on .hud-metro-beat{background:#fff}@keyframes metro-tick{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes metro-tick-down{0%{opacity:0;transform:scale(.7)}10%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}.hud-metro-step{width:20px;height:26px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font);font-size:14px;font-weight:500;line-height:1;cursor:pointer;border-radius:6px;transition:color .12s,background .12s,transform .1s var(--ease-spring)}.hud-metro-step:hover{color:var(--text);background:#ffffff14}.hud-metro-step:active{transform:scale(.9)}.hud-metro-bpm{min-width:28px;text-align:center;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text);padding:0 2px;-webkit-user-select:none;user-select:none}.hud-loop-btn{--loop-progress: 0deg;position:relative;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 12px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s,transform .12s var(--ease-spring)}.hud-loop-btn[data-loop-state=playing]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--r-pill) + 3px);padding:2px;background:conic-gradient(#fff var(--loop-progress),rgba(255,255,255,.18) 0deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.75}.hud-loop-btn:hover{background:#ffffff12;border-color:#ffffff24}.hud-loop-btn:active{transform:scale(.97)}.hud-loop-icon{color:var(--accent);display:inline-flex}.hud-loop-btn[data-loop-state=armed]{border-color:var(--accent);color:var(--accent);animation:loop-pulse 1.1s ease-in-out infinite}.hud-loop-btn[data-loop-state=armed] .hud-loop-icon{color:var(--accent)}.hud-loop-btn[data-loop-state=recording]{background:#e2384a;border-color:#e2384a;color:#fff;box-shadow:0 2px 12px #e2384a73;animation:loop-pulse .9s ease-in-out infinite}.hud-loop-btn[data-loop-state=recording] .hud-loop-icon{color:#fff}.hud-loop-btn[data-loop-state=playing]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.hud-loop-btn[data-loop-state=playing] .hud-loop-icon{color:#fff}.hud-loop-btn[data-loop-state=overdubbing]{background:#f59e0b;border-color:#f59e0b;color:#fff;box-shadow:0 2px 12px #f59e0b73;animation:loop-pulse .9s ease-in-out infinite}.hud-loop-btn[data-loop-state=overdubbing] .hud-loop-icon{color:#fff}.hud-loop-btn[data-loop-state=overdubbing]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--r-pill) + 3px);padding:2px;background:conic-gradient(#fff var(--loop-progress),rgba(255,255,255,.18) 0deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.85}@keyframes loop-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.98)}}.hud-loop-clear,.hud-loop-save,.hud-loop-undo{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s,transform .12s var(--ease-spring)}.hud-loop-clear:hover,.hud-loop-save:hover,.hud-loop-undo:hover{color:var(--text);background:#ffffff17}.hud-loop-clear:active,.hud-loop-save:active,.hud-loop-undo:active{transform:scale(.94)}.hud-loop-save{color:var(--accent)}.hud-loop-save:hover{color:var(--accent);background:var(--accent-soft)}.speed-val{font-family:var(--font-mono);font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:26px;text-align:right;letter-spacing:.02em}#hud.hud--exporting .btn-play,#hud.hud--exporting .btn-skip,#hud.hud--exporting .scrubber,#hud.hud--exporting .mini-slider{opacity:.25;pointer-events:none}#key-hint{position:absolute;bottom:calc(var(--keyboard-h) + var(--hud-gap));left:20px;z-index:14;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}#key-hint.kh--visible{opacity:1;transform:none}#key-hint.kh--visible.kh--idle{opacity:0;transform:translate(-8px)}.kh-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#07070fd1;border:1px solid var(--border);border-radius:14px;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);box-shadow:0 12px 32px #00000073,inset 0 1px #ffffff0a}.kh-row{display:flex;align-items:center;gap:10px;min-height:22px}.kh-section{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:600;min-width:48px}.kh-section--muted{color:var(--text-dim);font-weight:400;letter-spacing:.06em;text-transform:none}.kh-map{display:inline-flex;align-items:center;gap:3px}.kh-map--wrap{flex-wrap:wrap;gap:6px 10px}.kh-combo{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--text-muted);letter-spacing:.02em}.kh-row--shortcuts{margin-top:2px}.kh-map kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--text);background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-bottom-width:2px;border-radius:5px;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff08}.kh-dots{color:var(--text-dim);font-size:10px;letter-spacing:.15em;margin:0 2px}.kh-current{display:inline-flex;align-items:center;padding:0 8px;height:22px;font-family:var(--font-mono);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-glow);border-radius:5px;margin-left:6px;letter-spacing:.02em}@media (max-width: 640px){#key-hint{display:none}}#pianoroll{cursor:default}#kbd-resizer{position:absolute;left:0;right:0;bottom:var(--keyboard-h);height:10px;transform:translateY(50%);z-index:12;pointer-events:auto;cursor:ns-resize;display:flex;align-items:center;justify-content:center;touch-action:none}#kbd-resizer:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:transparent;transition:background .2s}#kbd-resizer:hover:before,#kbd-resizer.kbd-resizer--active:before{background:var(--accent-glow)}.kbd-resizer-grip{position:relative;width:42px;height:4px;border-radius:999px;background:#ffffff14;transition:background .18s,transform .18s}#kbd-resizer:hover .kbd-resizer-grip{background:var(--accent);transform:scaleX(1.1)}#kbd-resizer.kbd-resizer--active .kbd-resizer-grip{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.ts-popover{position:absolute;z-index:60;min-width:260px;max-width:340px;max-height:min(60vh,520px);display:flex;flex-direction:column;background:#0a0a12f5;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);border:1px solid var(--border-hi);border-radius:var(--r-lg);box-shadow:0 20px 48px #0000008c,inset 0 1px #ffffff0a;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.ts-popover.ts-popover--open{opacity:1;transform:translateY(0);pointer-events:auto}#track-panel.ts-popover{width:300px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.panel-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--r-sm);background:none;border:none;color:var(--text-dim);cursor:pointer;transition:color .15s,background .15s}.panel-close-btn:hover{color:var(--text);background:#ffffff0f}.panel-items{flex:1;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.panel-footer{border-top:1px solid var(--border);padding:10px 12px;flex-shrink:0}.panel-load-btn{display:flex;align-items:center;gap:7px;width:100%;padding:8px 10px;border-radius:var(--r-md);background:none;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.panel-load-btn:hover{color:var(--text);background:#ffffff0d;border-color:var(--border-hi)}.ts-pill--instrument{display:inline-flex;align-items:center;gap:6px}.ts-pill--instrument .ts-instrument-label{font-weight:500}.ts-instrument-icon-slot{position:relative;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.ts-instrument-icon-slot>svg{transition:opacity .18s var(--ease-out)}.ts-instrument-spinner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top-color:var(--accent);opacity:0;transform:scale(.75);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.ts-pill--loading .ts-instrument-icon-slot>svg{opacity:0}.ts-pill--loading .ts-instrument-spinner{opacity:1;transform:scale(1);animation:ts-instrument-spin .7s linear infinite}.ts-pill--loading .ts-instrument-label{color:var(--text-muted)}@keyframes ts-instrument-spin{to{transform:scale(1) rotate(360deg)}}.ts-pill--open{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.ts-instrument-menu{width:260px}.instrument-items{display:flex;flex-direction:column;padding:6px;gap:2px;overflow-y:auto}.instrument-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);border:none;background:transparent;color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;transition:background .14s,color .14s}.instrument-item:hover{background:#ffffff0d}.instrument-item-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);flex-shrink:0;transition:background .15s}.instrument-item--on .instrument-item-dot{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.instrument-item-body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.instrument-item-name{font-size:13px;font-weight:600;letter-spacing:-.01em}.instrument-item-sub{font-size:10.5px;color:var(--text-muted);letter-spacing:.01em}.instrument-item-check{opacity:0;color:var(--accent);transition:opacity .14s;flex-shrink:0}.instrument-item--on .instrument-item-check{opacity:1}.instrument-item--loading .instrument-item-dot{background:transparent;border:1.5px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top-color:var(--accent);border-radius:50%;width:10px;height:10px;box-shadow:none;animation:ts-instrument-spin .7s linear infinite}.instrument-item--loading .instrument-item-sub{color:var(--accent);font-style:italic}.instrument-item--loading .instrument-item-sub:after{content:" · loading samples"}.track-item{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 18px;cursor:pointer;transition:background .12s}.track-item:hover{background:#ffffff08}.track-swatch{width:3px;height:20px;border-radius:2px;flex-shrink:0;opacity:.9}.track-info{flex:1;min-width:0}.track-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px;font-weight:500;line-height:1.4}.track-meta{display:block;font-size:10px;color:var(--text-muted);margin-top:1px}.track-toggle-wrap{position:relative;width:26px;height:14px;flex-shrink:0}.track-toggle{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1;margin:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-pill);background:#ffffff14;transition:background .2s;pointer-events:none}.toggle-track:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#ffffff47;transition:transform .2s var(--ease-spring),background .2s;box-shadow:0 1px 3px #0006}.track-toggle:checked+.toggle-track{background:var(--track-color, var(--accent))}.track-toggle:checked+.toggle-track:after{transform:translate(12px);background:#fff}.track-item:has(.track-toggle:not(:checked)) .track-name,.track-item:has(.track-toggle:not(:checked)) .track-swatch{opacity:.35}#export-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:80;background:transparent;pointer-events:none;transition:background .28s,backdrop-filter .28s}#export-modal.open{background:#04040ab3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto}.export-card{background:var(--surface-hi);border:1px solid var(--border-hi);border-radius:var(--r-xl);padding:28px 30px 24px;width:420px;box-shadow:0 32px 80px #000000bf,inset 0 1px #ffffff0d;opacity:0;transform:scale(.94) translateY(8px);transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}#export-modal.open .export-card{opacity:1;transform:scale(1) translateY(0)}.export-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.export-header-text{flex:1;min-width:0}.export-card-icon{color:var(--accent);opacity:.88;padding:8px;background:var(--accent-soft);border-radius:var(--r-md);display:inline-flex}.export-card-title{font-size:17px;font-weight:600;letter-spacing:-.03em;color:var(--text);margin-bottom:3px}.export-card-sub{font-size:11.5px;color:var(--text-muted);line-height:1.5}.export-section{margin-bottom:18px}.export-section-label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px}.export-section--disabled{opacity:.35;pointer-events:none;filter:saturate(.2);transition:opacity .2s,filter .2s}.export-section .fps-group{width:100%}.export-section .fps-btn{flex:1;padding:6px 10px}.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.res-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff08;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s,transform .12s var(--ease-spring)}.res-card:hover{color:var(--text);background:#ffffff0f;border-color:var(--border-hi)}.res-card:active{transform:scale(.97)}.res-card.res-card--on{border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.res-card-label{font-size:12px;font-weight:600;color:inherit;letter-spacing:-.01em}.res-card-dim{font-size:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.02em}.res-card--on .res-card-dim{color:var(--text);opacity:.7}.res-preview{width:100%;height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.res-preview:before{content:"";display:block;background:linear-gradient(135deg,#ffffff1f,#ffffff05);border:1px solid rgba(255,255,255,.2);border-radius:3px;transition:background .15s,border-color .15s}.res-card--on .res-preview:before{background:linear-gradient(135deg,var(--accent),rgba(255,255,255,.06));border-color:var(--accent)}.res-preview--landscape:before{width:50px;height:28px}.res-preview--vertical:before{width:16px;height:28px}.res-preview--square:before{width:28px;height:28px}.res-preview--match:before{width:42px;height:28px;border-style:dashed;background:transparent}.res-card--on .res-preview--match:before{background:transparent}.fps-group{display:flex;gap:3px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--r-md);padding:3px}.fps-group.fps-group--wrap{flex-wrap:wrap;justify-content:center}.fps-btn{font-family:var(--font);font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.fps-btn:hover{color:var(--text);background:#ffffff0f}.fps-btn.fps-btn--on{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.fps-btn.fps-btn--on:hover{background:var(--accent);filter:brightness(1.1)}.export-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.modal-btn{font-family:var(--font);font-size:12.5px;font-weight:500;padding:8px 16px;border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff0d;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.modal-btn:hover{color:var(--text);background:#ffffff17;border-color:var(--border-hi)}.modal-btn--accent{background:var(--accent);border-color:transparent;color:#fff;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 12px var(--accent-glow)}.modal-btn--accent:hover{background:var(--accent);filter:brightness(1.12);border-color:transparent;color:#fff}.export-phase{display:flex;flex-direction:column;align-items:center;gap:14px}.export-spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.06);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite}.export-stage{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.025em}.export-progress-wrap{position:relative;width:100%;height:4px;background:#ffffff0f;border-radius:var(--r-pill);overflow:hidden}.export-progress-bar{position:relative;height:100%;width:0%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 80%,transparent),var(--accent));border-radius:var(--r-pill);transition:width .25s var(--ease-out);box-shadow:0 0 8px var(--accent-glow);overflow:hidden}.export-progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:translate(-100%);animation:export-bar-shimmer 2.2s linear infinite}@keyframes export-bar-shimmer{to{transform:translate(100%)}}.export-phase.indeterminate .export-progress-bar{width:40%;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);box-shadow:none;animation:export-bar-indeterminate 1.4s var(--ease-out) infinite}.export-phase.indeterminate .export-progress-bar:after{display:none}@keyframes export-bar-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.export-pct{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.04em;min-height:1em}#post-session-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:80;background:transparent;pointer-events:none;transition:background .28s,backdrop-filter .28s}#post-session-modal.open{background:#04040ab3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto}.post-session-card{background:var(--surface-hi);border:1px solid var(--border-hi);border-radius:var(--r-xl);padding:26px 28px 20px;width:400px;box-shadow:0 32px 80px #000000bf,inset 0 1px #ffffff0d;opacity:0;transform:scale(.94) translateY(8px);transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}#post-session-modal.open .post-session-card{opacity:1;transform:scale(1) translateY(0)}.post-session-actions{display:flex;flex-direction:column;gap:8px}.post-session-option{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff08;color:var(--text);text-align:left;cursor:pointer;font-family:var(--font);transition:background .15s,border-color .15s,transform .12s var(--ease-spring)}.post-session-option:hover{background:#ffffff0f;border-color:var(--border-hi)}.post-session-option:active{transform:scale(.985)}.post-session-option--primary{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.post-session-option--primary:hover{background:var(--accent-soft);filter:brightness(1.08)}.post-session-option--muted{color:var(--text-muted)}.post-session-option-icon{flex:0 0 auto;width:32px;height:32px;border-radius:var(--r-md);background:#ffffff0d;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.post-session-option--primary .post-session-option-icon{background:var(--accent);color:#fff}.post-session-option--muted .post-session-option-icon{color:var(--text-muted)}.post-session-option-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.post-session-option-title{font-size:13px;font-weight:600;color:inherit;letter-spacing:-.01em}.post-session-option-sub{font-size:11.5px;color:var(--text-muted);line-height:1.45}.post-session-option-sub code{font-family:var(--font-mono);font-size:10.5px;padding:0 4px;border-radius:3px;background:#ffffff0f}#loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#06060ee0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;pointer-events:auto;animation:fade-in .2s ease}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.05);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.loading-text{color:var(--text-muted);font-size:13px;letter-spacing:-.01em}.toast{position:fixed;top:82px;right:22px;display:flex;align-items:center;gap:8px;max-width:320px;padding:10px 14px;background:#0a0c16eb;border:1px solid var(--red-border);color:var(--red-text);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-radius:12px;box-shadow:0 14px 36px #00000073,inset 0 1px #ffffff0a;font-size:12.5px;font-weight:500;line-height:1.35;z-index:200;pointer-events:none;animation:toast-in .26s var(--ease-spring) forwards}.toast--success{border-color:#34d39952;color:#a5f3d0}.toast:before{content:"";display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85;box-shadow:0 0 10px currentColor}@keyframes toast-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){#dropzone:before,.home-card,.ts-bars span,#top-strip.strip--exporting .ts-record-btn svg,#hud.hud--playing .btn-play{animation:none!important}#dropzone,#top-strip,#hud,#track-panel,.panel-backdrop,#export-modal,.export-card,.export-progress-bar,.scrubber,.mini-slider,.toggle-track,.toggle-track:after,.theme-dot,.ts-record-btn,.ts-context,.ts-menu,.ts-menu-item,.modal-btn,.fps-btn{transition-duration:.01ms!important}}