:root{--bg:#060a0c;--surface:#0a1a1c;--border:#1a3338;--text:#c8d4d6;--text-muted:#6d858a;--accent:#45d4c4;--accent-dim:rgba(69,212,196,0.15);--danger:#dc3c3c;--font:"Segoe UI",system-ui,sans-serif;color-scheme:dark;font-family:var(--font);font-size:15px;line-height:1.45;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100svh}#app{max-width:960px;margin:0 auto;padding:28px 20px 48px}h1{font-size:1.65rem;font-weight:600;letter-spacing:-.03em;margin:0 0 8px;color:#e8f4f5}.lead{margin:0 0 24px;color:var(--text-muted);font-size:.95rem}.account{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px;margin-bottom:10px}.account-state{font-size:.88rem;color:var(--text)}.account-actions{display:flex;flex-wrap:wrap;gap:8px}.minute-balance{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px;margin-bottom:10px}.minute-balance-line{margin:0;font-size:.9rem;color:var(--text)}.usage{margin:0 0 10px;font-size:.84rem;color:var(--text-muted)}.upgrade-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.drop{display:block;position:relative;width:100%;border:2px dashed var(--border);border-radius:12px;padding:36px 24px;text-align:center;background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s}.drop:focus-within,.drop:hover{border-color:var(--accent);background:var(--accent-dim)}.drop input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0;pointer-events:none}.drop:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.drop input[type=file]:focus{outline:none}.drop strong{color:var(--accent)}.hint{margin:8px 0 0;font-size:.85rem;color:var(--text-muted)}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px 24px;gap:16px 24px;margin:24px 0}.control label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--text-muted)}.control input[type=range]{width:100%;accent-color:var(--accent)}.control .value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);font-size:.88rem}.tracks{margin-top:8px}.transport{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:12px}.transport-btn{font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600}.transport-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.transport-hint{flex:1 1 220px;font-size:.82rem;color:var(--text-muted)}.link-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.88rem;color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.link-toggle input{accent-color:var(--accent)}.zoom-panel{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 20px;gap:12px 20px;margin-bottom:14px;align-items:end}@media (max-width:640px){.zoom-panel{grid-template-columns:1fr}}.zoom-track-control label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.zoom-track-control input[type=range]{width:100%;accent-color:var(--accent)}.zoom-panel-hint{grid-column:1/-1;font-size:.78rem;color:var(--text-muted);margin:0}.wave-interactive{cursor:crosshair}.track-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.track-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.track-dur{font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted)}.track-shell{border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#050808}.track-shell--after{width:100%}.track-row{display:flex;flex-direction:column;margin-bottom:20px}.track-row canvas{display:block}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}button.primary{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;background:linear-gradient(165deg,#4af0e0,#2aa89a);color:#031012;font-weight:600}button.primary:disabled{opacity:.45;cursor:not-allowed}button.secondary{font:inherit;cursor:pointer;border-radius:8px;padding:8px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}button.secondary:disabled{opacity:.45;cursor:not-allowed}.status{margin:12px 0 0;color:var(--text-muted);min-height:1.4em}.status,.warn{font-size:.88rem}.warn{color:#ffb070;margin-top:8px}.note{margin-top:20px}.note,.support-footer{font-size:.82rem;color:var(--text-muted)}.support-footer{margin-top:14px}.support-footer a{color:var(--accent);text-decoration:none}.support-footer a:hover{text-decoration:underline}