.vocal-shell{max-width:1100px;margin:auto}.drop-zone{border:1px dashed var(--line);background:linear-gradient(135deg,rgba(255,116,189,.08),rgba(16,17,38,.72));padding:clamp(34px,7vw,76px) 22px;text-align:center;transition:.2s}.drop-zone.dragging{transform:translateY(-2px);border-color:var(--lime);background:rgba(180,255,70,.06)}.drop-icon{font-size:54px;margin-bottom:12px}.drop-zone h2{margin:0 0 10px;font-size:clamp(25px,4vw,44px)}.drop-zone p,.muted,.studio-status{color:var(--muted)}.drop-zone button,.studio-actions button{font:600 12px var(--font-main);letter-spacing:.08em;padding:13px 18px;border:1px solid var(--line);background:var(--panel);color:inherit;cursor:pointer}.drop-zone button:hover,.studio-actions button:hover{border-color:var(--lime)}.drop-zone small{display:block;margin-top:18px;color:var(--muted)}.player-panel{margin-top:20px;padding:24px;border:1px solid var(--line);background:var(--panel)}.player-panel h3{overflow-wrap:anywhere}.player-panel audio{width:100%;margin:18px 0}.studio-actions{display:flex;gap:10px;flex-wrap:wrap}.roadmap{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.roadmap article{padding:16px;border:1px solid var(--line);display:grid;gap:8px;opacity:.5}.roadmap article.ready{opacity:1;border-color:var(--lime)}.roadmap b{font-size:22px}.roadmap span{font-size:11px}.roadmap small{font-size:8px;color:var(--muted)}.studio-status{font-size:11px;margin-top:16px}@media(max-width:760px){.roadmap{grid-template-columns:1fr 1fr}}.separation-panel{margin-top:20px;padding:24px;border:1px solid var(--line);background:var(--panel)}.separation-panel h2{margin:4px 0 10px}.separation-panel button{font:600 12px var(--font-main);letter-spacing:.08em;padding:13px 18px;border:1px solid var(--lime);background:transparent;color:inherit;cursor:pointer}.separation-panel button:disabled{opacity:.45}.separation-progress{height:3px;margin-top:16px;background:rgba(255,255,255,.08);overflow:hidden}.separation-progress span{display:block;width:35%;height:100%;background:currentColor;animation:vocalProgress 1s linear infinite}.stem-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.stem-grid article{padding:16px;border:1px solid var(--line)}.stem-grid audio{width:100%}@keyframes vocalProgress{from{transform:translateX(-100%)}to{transform:translateX(300%)}}@media(max-width:650px){.stem-grid{grid-template-columns:1fr}}
.model-status{margin:.75rem 0 0;font-size:.8rem;letter-spacing:.04em}.separation-progress span{display:block;width:0;transition:width .25s ease}