:root{--bg: #0e0b14;--panel: #181222;--panel-2: #211934;--line: #2e2442;--text: #ece7f5;--dim: #9c8fb8;--accent: #e0466e;--accent-2: #46e0b8;--off: #3a3050}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 70% -10%,#2a1730 0%,var(--bg) 60%);color:var(--text);font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:12px 18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-weight:800;font-size:18px;letter-spacing:.3px}.brand span{filter:saturate(1.3)}.transport{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.spacer{flex:1}select,button,.filebtn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}select:hover,button:hover,.filebtn:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button{font-weight:600}#play{background:var(--accent);border-color:var(--accent);color:#fff}.ghost{background:transparent}#mic.active{background:var(--accent-2);color:#06231c;border-color:var(--accent-2)}.master{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:12px}.master input{width:110px}main{padding:18px;flex:1;overflow:auto}.vibe{color:var(--dim);margin:0 0 16px;font-size:13px}.rack{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}.card{width:230px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 6px 20px #00000040}.card.off{opacity:.5}.card.placeholder{border-style:dashed}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.card-head .idx{width:20px;height:20px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:6px;font-size:11px;font-weight:700}.card-head .title{font-weight:700;flex:1;font-size:13px}.bypass{padding:2px 8px;font-size:11px;border-radius:6px;background:var(--accent-2);color:#06231c;border:none}.bypass.muted{background:var(--off);color:var(--dim)}.knob{display:grid;grid-template-columns:1fr;gap:2px;margin:9px 0}.knob .name{font-size:11px;color:var(--dim);text-transform:capitalize}.knob .val{font-size:11px;color:var(--text);justify-self:end;margin-top:-16px}.knob input[type=range]{width:100%;accent-color:var(--accent)}.note{font-size:11px;color:var(--accent-2);margin:8px 0 0;line-height:1.35}.statusbar{padding:8px 18px;border-top:1px solid var(--line);background:var(--panel);color:var(--dim);font-size:12px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.nav{display:flex;gap:6px;padding:8px 18px 0;background:var(--bg)}.nav-btn{background:transparent;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 14px;color:var(--dim);font-weight:700;cursor:pointer}.nav-btn.active{color:var(--text);background:var(--panel-2);border-color:var(--line)}.navlink{text-decoration:none;display:inline-flex;align-items:center}.navlink:hover{color:var(--accent-2)}.conv{max-width:720px;margin:0 auto;padding:28px 18px}.conv h1{margin:0 0 6px;font-size:22px}.dropzone{border:2px dashed var(--line);border-radius:14px;padding:40px 20px;text-align:center;color:var(--dim);cursor:pointer;margin:18px 0;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.hover{border-color:var(--accent);background:#e0466e0f;color:var(--text)}.urlrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.urlrow input[type=url]{flex:1;min-width:240px;padding:9px 12px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}#c-fetch{background:var(--accent);border-color:var(--accent);color:#fff}.bitrate{color:var(--dim);font-size:12px;display:flex;align-items:center;gap:6px}.barwrap{height:8px;background:var(--panel-2);border-radius:6px;margin:18px 0 6px;overflow:hidden}.progbar{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .12s}.conv-status{color:var(--dim);font-size:13px;min-height:20px}.result{display:flex;flex-direction:column;gap:12px;margin-top:16px}.download{display:inline-block;align-self:flex-start;padding:10px 16px;background:var(--accent-2);color:#06231c;border-radius:8px;font-weight:700;text-decoration:none}.result audio{width:100%}html,body{cursor:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2730%27%20height=%2730%27%20viewBox=%270%200%2032%2032%27%3E%3Cpath%20d=%27M20%207c4-2%208.5-1.5%2010%20.5-3%202.3-7.5%202.3-10-.5z%27%20fill=%27%233dffa0%27/%3E%3Cpath%20d=%27M19%209c-1.2%202-1.8%203.5-1%205.5%27%20stroke=%27%237a5416%27%20stroke-width=%272.2%27%20fill=%27none%27%20stroke-linecap=%27round%27/%3E%3Cellipse%20cx=%2716%27%20cy=%2719.5%27%20rx=%2711%27%20ry=%279.2%27%20fill=%27%23ffb02e%27%20stroke=%27%237d4d0a%27%20stroke-width=%271.4%27/%3E%3Cellipse%20cx=%2712.5%27%20cy=%2716.5%27%20rx=%274%27%20ry=%272.8%27%20fill=%27%23ffd27a%27/%3E%3C/svg%3E) 4 4,auto}a,button,select,label,summary,[role=button],[role=tab],[role=slider],input[type=range],input[type=file],.knob,.usbstick,.preset,.src,.tbtn,.bypass,.illumi,.pwr,.tiltbtn,.nav-btn{cursor:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2730%27%20height=%2730%27%20viewBox=%270%200%2032%2032%27%3E%3Cpath%20d=%27M20%207c4-2%208.5-1.5%2010%20.5-3%202.3-7.5%202.3-10-.5z%27%20fill=%27%233dffa0%27/%3E%3Cpath%20d=%27M19%209c-1.2%202-1.8%203.5-1%205.5%27%20stroke=%27%237a5416%27%20stroke-width=%272.2%27%20fill=%27none%27%20stroke-linecap=%27round%27/%3E%3Cellipse%20cx=%2716%27%20cy=%2719.5%27%20rx=%2711%27%20ry=%279.2%27%20fill=%27%23ffb02e%27%20stroke=%27%237d4d0a%27%20stroke-width=%271.4%27/%3E%3Cellipse%20cx=%2712.5%27%20cy=%2716.5%27%20rx=%274%27%20ry=%272.8%27%20fill=%27%23ffd27a%27/%3E%3C/svg%3E) 4 4,pointer}textarea,input[type=text],input[type=url],input[type=number]{cursor:text}