:root{color-scheme:dark;--cyan:#50dfff;--pink:#ef69dc;--muted:#b3bedb;--line:#313b60}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 0,#302150,transparent 48%),#070a18;color:#f7f7ff;font:16px/1.6 system-ui}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:1000;letter-spacing:-.06em;text-decoration:none;color:white}.brand span{color:var(--cyan)}nav,.tags,.actions{display:flex;gap:12px;flex-wrap:wrap}a{color:var(--cyan)}nav a{font-size:14px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:35px 0 55px}.eyebrow{color:var(--cyan);font-weight:850;letter-spacing:.13em;font-size:12px}h1{font-size:clamp(48px,7vw,80px);line-height:1.05;margin:15px 0;letter-spacing:-.06em}h1 em{font-style:normal;color:var(--pink)}h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 20px}h3{margin:0 0 8px;font-size:19px}.lead{font-size:20px;color:#d0d7ea;max-width:650px}.tags span,.badge{border:1px solid #664983;border-radius:99px;padding:5px 12px;font-size:12px;color:#efcaf7}.card{background:linear-gradient(130deg,#171e37,#0e1328);border:1px solid var(--line);border-radius:20px;padding:24px}.pulse{border-color:#8f528f;box-shadow:0 20px 60px #ad45ce16}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card p,.muted{color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.note{color:#bdcbe2;background:#111b32;border-left:3px solid var(--cyan);padding:16px;margin:22px 0;font-size:14px}.studio{margin-top:40px;scroll-margin-top:20px}label{display:block;margin:14px 0;font-size:14px;font-weight:650}input,select,button{font:inherit;color:inherit}input[type=file],select{width:100%;padding:11px;border-radius:9px;border:1px solid #536187;background:#10192d}input[type=range]{width:100%;accent-color:var(--cyan)}input[type=checkbox]{accent-color:var(--cyan)}.upload{padding:20px;border:1px dashed #58669c;background:#121a32;border-radius:14px}.upload span,small{display:block;margin-top:8px;color:var(--muted);font-size:12px}.track{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.track strong{overflow-wrap:anywhere}.track label{margin:0}.track input[type=range]{min-width:85px}button,.button,.secondary{display:inline-flex;justify-content:center;align-items:center;padding:11px 16px;border:1px solid #58618e;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:750}.button{background:linear-gradient(110deg,#ab41d1,#198fb5);color:white}.secondary,button{background:#202c47;color:white}button:disabled{opacity:.5;cursor:wait}.preset{border-top:1px solid var(--line);padding:20px 0;margin-top:15px}summary{cursor:pointer;font-weight:800}.settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.actions{margin-top:15px}#status{color:var(--cyan);min-height:26px}audio,progress{width:100%}#results{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}output{color:var(--cyan)}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}footer{color:var(--muted);font-size:14px;padding-bottom:50px}@media(max-width:850px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.track{grid-template-columns:1fr 1fr}.track strong{grid-column:1/-1}}@media(max-width:560px){header{flex-wrap:wrap}.grid,.settings{grid-template-columns:1fr}header,main,footer{padding:18px}h1{font-size:55px}.card{padding:18px}.actions>*{flex:1}nav{gap:10px}}
