:root{--bg: #15171b;--surface-1: #1f222a;--surface-2: #292d37;--text: #e9e7df;--text-muted: #8a8f9c;--accent: #39ff88;--accent-support: #ffb020;--danger: #ff5252;--success: #39ff88;--font-display: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--radius-control: 4px;--radius-panel: 10px;--shadow-panel: 0 2px 6px rgb(0 0 0 / .4);--glow-accent: 0 0 12px rgb(57 255 136 / .35);--ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ui: .15s;--motion-meter: 90ms}*{box-sizing:border-box}html{height:100%;background:var(--bg)}body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-1);box-shadow:var(--shadow-panel);flex-wrap:wrap}.wordmark{margin:0;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.08em;color:var(--accent)}.wordmark span{display:inline-block;background-image:linear-gradient(90deg,var(--text) 0%,var(--accent) 45%,var(--text) 55%,var(--text) 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:var(--accent);animation:wordmark-sweep .9s var(--ease-out) .15s both}@keyframes wordmark-sweep{0%{background-position:200% 0}to{background-position:0% 0}}@media (prefers-reduced-motion: reduce){.wordmark span{animation:none;background-position:0% 0}}.file-meta{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-display);font-size:13px;color:var(--text-muted)}.file-name{color:var(--text)}.file-tech{color:var(--text-muted)}.topbar-right{display:flex;align-items:baseline;gap:var(--space-3)}.topbar-link{font-family:var(--font-display);font-size:13px;letter-spacing:.04em;color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--motion-ui) var(--ease-out),border-color var(--motion-ui) var(--ease-out)}.topbar-link:hover,.topbar-link:focus-visible{outline:none;color:var(--accent);border-color:var(--accent)}.scope-panel{position:relative;flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);min-height:0}.dropzone{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius-panel);background:var(--surface-1);box-shadow:inset 0 1px #ffffff08;cursor:pointer;text-align:center;padding:var(--space-4);transition:border-color var(--motion-ui) var(--ease-out),box-shadow var(--motion-ui) var(--ease-out),background var(--motion-ui) var(--ease-out)}.dropzone:before{content:"";position:absolute;left:var(--space-4);right:var(--space-4);top:50%;height:1px;background:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 8px #39ff8859;animation:idle-trace-flicker 3.4s ease-in-out infinite}.dropzone.is-loading:before,.dropzone.is-error:before,.dropzone.is-dragover:before{opacity:0}@keyframes idle-trace-flicker{0%,to{opacity:.55}50%{opacity:.85}}@media (prefers-reduced-motion: reduce){.dropzone:before{animation:none;opacity:.6}}.dropzone:hover{border-color:var(--accent);background:color-mix(in srgb,var(--surface-1) 85%,var(--accent) 15%)}.dropzone:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--glow-accent)}.dropzone.is-dragover{border-color:var(--accent);box-shadow:var(--glow-accent);background:color-mix(in srgb,var(--surface-1) 80%,var(--accent) 20%)}.dropzone.is-error{border-color:var(--danger)}.dropzone.is-loading{cursor:progress;border-color:var(--accent-support)}.dropzone-title{margin:0;font-family:var(--font-display);font-size:20px;letter-spacing:.04em;color:var(--accent);text-shadow:var(--glow-accent)}.dropzone.is-error .dropzone-title{color:var(--danger);text-shadow:none}.dropzone.is-loading .dropzone-title{color:var(--accent-support);text-shadow:0 0 12px rgb(255 176 32 / .45);animation:dropzone-pulse 1.1s ease-in-out infinite}@keyframes dropzone-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.dropzone.is-loading .dropzone-title{animation:none}}.dropzone-hint{margin:0;font-size:14px;color:var(--text-muted)}.scope-stack{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-height:0}.scope-stack[hidden],.dropzone[hidden]{display:none}.canvas-wrap{position:relative;border-radius:var(--radius-panel);background:var(--surface-1);box-shadow:var(--shadow-panel),inset 0 1px #ffffff0a;overflow:hidden}.waveform-wrap{flex:3;min-height:140px;cursor:grab;touch-action:none}.waveform-wrap:active{cursor:grabbing}.waveform-wrap:focus-visible{outline:none;box-shadow:var(--glow-accent)}.spectrogram-wrap{flex:2;min-height:100px}.canvas-wrap canvas{display:block;width:100%;height:100%}.status-line{margin:0;min-height:1.2em;font-family:var(--font-display);font-size:13px;color:var(--text-muted)}.status-line.is-error{color:var(--danger)}.trim-handle{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;cursor:ew-resize;touch-action:none;background:transparent;z-index:3}.trim-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--accent-support);box-shadow:0 0 8px #ffb02080;transition:box-shadow var(--motion-ui) var(--ease-out)}.trim-handle:after{content:"";position:absolute;top:0;left:50%;width:16px;height:16px;transform:translate(-50%,-2px);background:var(--accent-support);border-radius:var(--radius-control);box-shadow:var(--shadow-panel)}.trim-handle:hover:before,.trim-handle:focus-visible:before,.trim-handle.is-dragging:before{box-shadow:0 0 14px #ffb020d9}.trim-handle:focus-visible{outline:none}.trim-handle:focus-visible:after{box-shadow:var(--glow-accent)}.trim-region{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 12%,transparent);border-left:1px solid color-mix(in srgb,var(--accent-support) 60%,transparent);border-right:1px solid color-mix(in srgb,var(--accent-support) 60%,transparent);pointer-events:none;z-index:2}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--text);box-shadow:0 0 6px #e9e7df99;pointer-events:none;z-index:4}.transport{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-1);box-shadow:var(--shadow-panel);flex-wrap:wrap}.transport[hidden]{display:none}.time-readout,.trim-readout{font-family:var(--font-display);font-size:13px;color:var(--text-muted);white-space:nowrap}.field{display:flex;align-items:center;gap:var(--space-1);font-size:13px;color:var(--text-muted);margin-left:auto}.field-label{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:44px;min-height:44px;padding:0 var(--space-2);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text);font-family:var(--font-ui);font-weight:600;font-size:14px;cursor:pointer;box-shadow:var(--shadow-panel),inset 0 1px #ffffff0f;transition:transform var(--motion-ui) var(--ease-out),box-shadow var(--motion-ui) var(--ease-out),border-color var(--motion-ui) var(--ease-out),background var(--motion-ui) var(--ease-out)}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:focus-visible{outline:none;box-shadow:var(--glow-accent)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #0006}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-icon{width:44px;padding:0;font-size:16px}.btn-icon[aria-pressed=true]{border-color:var(--accent-support);color:var(--accent-support);box-shadow:var(--shadow-panel),inset 0 1px #ffffff0f,0 0 10px #ffb02066}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0b1410}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,white);box-shadow:var(--shadow-panel),var(--glow-accent)}.btn-primary:disabled{background:var(--surface-2);border-color:color-mix(in srgb,var(--text) 15%,transparent);color:var(--text-muted)}.btn-ghost{min-width:44px;min-height:44px;padding:0 var(--space-1);border-color:transparent;background:transparent;box-shadow:none;font-size:13px;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--accent);background:var(--surface-2);border-color:transparent}.btn-ghost:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn-ghost[hidden]{display:none}.select{appearance:none;min-height:44px;padding:0 var(--space-4) 0 var(--space-2);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:var(--radius-control);background:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%) calc(100% - 18px) calc(50% - 2px) / 5px 5px no-repeat,linear-gradient(135deg,var(--text-muted) 50%,transparent 50%) calc(100% - 12px) calc(50% - 2px) / 5px 5px no-repeat,var(--surface-2);color:var(--text);font-family:var(--font-ui);font-size:14px;cursor:pointer;transition:border-color var(--motion-ui) var(--ease-out),box-shadow var(--motion-ui) var(--ease-out)}.select:hover{border-color:var(--accent)}.select:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--glow-accent)}.level-meter{display:flex;align-items:center;gap:var(--space-1)}.level-meter-track{position:relative;width:96px;height:8px;border-radius:4px;background:var(--surface-2);box-shadow:inset 0 1px 2px #00000080;overflow:hidden}.level-meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 65%,var(--accent-support) 85%,var(--danger) 100%);background-size:96px 100%;transition:width var(--motion-meter) var(--ease-out)}.level-meter-clip{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--danger) 35%,var(--text-muted));transition:color var(--motion-ui) var(--ease-out),text-shadow var(--motion-ui) var(--ease-out)}.level-meter-clip.is-lit{color:var(--danger);text-shadow:0 0 8px rgb(255 82 82 / .7)}.export-progress{width:120px;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.export-progress[hidden]{display:none}.export-progress-bar{height:100%;width:0%;background:var(--accent);box-shadow:var(--glow-accent);transition:width var(--motion-meter) var(--ease-out)}.about{border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);background:var(--bg);padding:var(--space-6) var(--space-3)}.about-inner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.about-head{max-width:65ch}.about-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:700;font-size:31px;line-height:1.15;letter-spacing:.01em;color:var(--text)}.about-sub{margin:0;font-size:18px;color:var(--text-muted);max-width:60ch}.feature-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.feature{padding:var(--space-3);background:var(--surface-1);border:1px solid color-mix(in srgb,var(--text) 6%,transparent);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel),inset 0 1px #ffffff08}.feature h3{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:16px;letter-spacing:.02em;color:var(--accent)}.feature p{margin:0;font-size:15px;color:var(--text-muted);max-width:60ch}.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.panel-label{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-support)}.steps{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--space-1);font-size:15px;color:var(--text-muted);max-width:60ch}.steps li{padding-left:var(--space-1)}.about kbd{font-family:var(--font-display);font-size:12px;padding:1px 5px;border-radius:3px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);color:var(--text)}.faq dl{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.faq-item dt{margin-bottom:4px;font-family:var(--font-display);font-size:14px;color:var(--text)}.faq-item dd{margin:0;font-size:15px;color:var(--text-muted);max-width:60ch}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-3) var(--space-5);background:var(--bg);border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);font-family:var(--font-display);font-size:13px;color:var(--text-muted)}.site-footer-links{display:flex;gap:var(--space-3);flex-wrap:wrap}.site-footer a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--motion-ui) var(--ease-out),border-color var(--motion-ui) var(--ease-out)}.site-footer a:hover,.site-footer a:focus-visible{outline:none;color:var(--accent);border-color:var(--accent)}@media (max-width: 768px){.topbar{padding:var(--space-1) var(--space-2)}.about{padding:var(--space-5) var(--space-2)}.about-title{font-size:25px}.about-sub{font-size:16px}.feature-grid,.about-cols{grid-template-columns:1fr}.scope-panel{padding:var(--space-1)}.transport{position:sticky;bottom:0;padding:var(--space-1) var(--space-2)}.file-tech{display:none}.field{margin-left:0}.time-readout{display:none}}@media (max-width: 480px){.wordmark{font-size:16px}.file-meta{font-size:11px}.trim-readout,.level-meter{display:none}}