@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e8edf5;font-synthesis:none;text-rendering:geometricprecision;background:#030405;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#030405;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{border:0}.shell{grid-template-rows:auto 1fr auto;gap:22px;min-height:100vh;padding:28px;display:grid}.topbar,.transport,.panel,.stage{background:#0a0c10;border:1px solid #1a1f29;box-shadow:0 20px 70px #00000075}.topbar{border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:16px 18px;display:flex}.brand,.topActions,.transportInfo,.transportActions,.effectsTitle,.fileCard,.playerStrip{align-items:center;display:flex}.brand{gap:13px}.brandMark,.fileIcon,.playBadge,.roundButton{color:#eef2f8;background:#1f2633;border:1px solid #313a4b;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}h1,h2,h3,p{margin:0}h1{font-size:19px;font-weight:760;line-height:1.1}.brand p,.waveHeader p,.effectsTitle p,.fileCard span,.effectRow span,.transportInfo span,.dropZone span,.miniStats span{color:#98a2b8;font-size:12px;line-height:1.35}.topActions{gap:12px}.signal{color:#d7deec;background:#11141b;border:1px solid #232936;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;display:inline-flex}.signal.done{color:#a7f4e8;border-color:#2a554f}.signal.error{color:#ffb4a8;border-color:#61332e}.ghostButton,.secondaryButton,.primaryButton,.downloadButton{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,opacity .16s;display:inline-flex}.ghostButton,.secondaryButton{color:#e7ebf2;background:#11141b;border:1px solid #252b38}.primaryButton,.downloadButton{color:#07090d;background:#eef2f8;font-weight:760}.downloadButton{min-width:132px}.downloadButton.disabled,button:disabled{opacity:.45;pointer-events:none}.ghostButton:hover,.secondaryButton:hover,.primaryButton:hover,.downloadButton:hover{transform:translateY(-1px)}.workspace{grid-template-columns:minmax(260px,.62fr) minmax(480px,1.38fr);gap:18px;min-height:0;display:grid}.panel,.stage{border-radius:8px;padding:18px}.uploadPanel{align-content:start;gap:16px;display:grid}input[type=file]{display:none}.dropZone{color:#e8edf5;cursor:pointer;background:#0d1016;border:1px dashed #343c4d;border-radius:8px;align-content:center;place-items:center;gap:11px;width:100%;min-height:238px;display:grid}.dropZone svg{color:#b7c0cf}.dropZone strong{font-size:18px}.fileCard{background:#11141b;border:1px solid #232936;border-radius:8px;gap:12px;min-height:74px;padding:13px}.fileCard div:last-child{min-width:0}.fileCard strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.miniStats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.miniStats div{background:#10131a;border:1px solid #202631;border-radius:8px;min-height:72px;padding:12px}.miniStats strong{color:#e8edf5;margin-top:7px;font-size:18px;display:block}.stage{grid-template-rows:auto 1fr auto;gap:18px;display:grid;overflow:hidden}.waveHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.waveHeader h2{overflow-wrap:anywhere;max-width:680px;margin-top:4px;font-size:clamp(22px,3vw,38px);line-height:1.04}.previewToggle{background:#11141b;border:1px solid #232936;border-radius:8px;flex:none;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.previewToggle button{color:#98a2b8;cursor:pointer;background:0 0;border-radius:6px;min-width:72px;min-height:34px}.previewToggle button.selected{color:#11151c;background:#e8edf5}.waveform{background:#07090d;border:1px solid #1d2330;border-radius:8px;grid-template-columns:repeat(96,minmax(2px,1fr));align-items:center;gap:4px;min-height:310px;padding:28px 18px;display:grid;position:relative;overflow:hidden}.waveform span{background:#d8dee9;border-radius:999px;min-height:16px;box-shadow:0 0 18px #d8dee91f}.processingVeil{color:#e8edf5;background:#030405d1;align-content:center;place-items:center;gap:12px;font-weight:760;display:grid;position:absolute;inset:0}.playerStrip{background:#10131a;border:1px solid #202631;border-radius:8px;gap:12px;min-height:66px;padding:12px}audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:40px}.emptyPlayer{color:#98a2b8;font-size:13px}.effectsPanel{align-content:start;gap:13px;display:grid}.effectsTitle{gap:11px;padding-bottom:6px}.effectsTitle svg{color:#b7c0cf}.effectsTitle h3{font-size:18px}.effectRow{background:#10131a;border:1px solid #202631;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:82px;padding:13px;display:flex}.effectRow strong,.effectRow span{display:block}.effectRow strong{margin-bottom:5px;font-size:13px}.effectRow b{color:#e8edf5;background:#1f2633;border:1px solid #313a4b;border-radius:8px;place-items:center;min-width:46px;min-height:34px;font-size:12px;display:grid}.errorBox{color:#ffcfca;background:#1b0f0f;border:1px solid #5a2d29;border-radius:8px;padding:13px;font-size:13px;line-height:1.45}.transport{border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:14px 16px;display:flex}.transportInfo{gap:12px;min-width:0}.roundButton{color:#eef2f8;cursor:pointer;flex:none}.transportInfo strong,.transportInfo span{display:block}.transportInfo strong{font-size:14px}.transportInfo span{overflow-wrap:anywhere;margin-top:3px}.transportActions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.shell{padding:18px}.workspace{grid-template-columns:1fr}.waveform{min-height:260px}}@media (width<=720px){.shell{gap:12px;padding:12px}.topbar,.transport,.waveHeader{flex-direction:column;align-items:stretch}.topActions,.transportActions{width:100%}.ghostButton,.secondaryButton,.primaryButton,.downloadButton{flex:auto}.miniStats{grid-template-columns:1fr}.waveform{gap:2px;min-height:220px;padding-inline:10px}}