:root{color-scheme:dark;--ink:#eaf2ff;--muted:#a8b7cd;--blue:#60bbff;--pink:#f1a0dc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#26336a 0,transparent 45%),radial-gradient(ellipse at 90% 30%,#371f50 0,transparent 45%),#0b0d1d;color:var(--ink);font:15px/1.6 system-ui,sans-serif}header{max-width:1280px;margin:auto;padding:22px 32px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff19}header img{width:65px;height:65px;object-fit:contain}h1{font-size:25px;margin:0}header p{font-size:10px;letter-spacing:.24em;color:var(--blue);margin:2px 0}.pill{margin-left:auto;font-size:10px;letter-spacing:.16em;border:1px solid #67d4db77;border-radius:30px;padding:8px 13px;color:#a3efe7}main{max-width:1200px;margin:auto;padding:24px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:20px 0 36px}.eyebrow{font-size:11px;letter-spacing:.25em;color:var(--pink)}.intro h2{font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.04em;margin:20px 0}.intro em{color:var(--blue);font-style:normal}.intro p{color:var(--muted);max-width:510px}.engine{background:#11172ddd;border:1px solid #6caaff44;border-radius:20px;padding:22px;box-shadow:0 0 45px #344ad01a}.engine p{font-size:13px;margin:8px 0}.engine strong{color:var(--pink)}button,.upload{background:#1c2441;border:1px solid #6884ad66;border-radius:9px;color:var(--ink);padding:10px 15px;font:inherit;cursor:pointer;min-height:43px}button:hover{border-color:var(--blue);background:#253657}button:disabled{opacity:.45;cursor:not-allowed}#generate-button,#load{background:linear-gradient(120deg,#26749b,#4f3977);font-weight:700}nav{display:flex;gap:8px;overflow:auto;margin-bottom:16px}nav button{white-space:nowrap;flex:1}nav [aria-selected=true]{border-color:var(--pink);background:#363051}.panel{border:1px solid #93b4df29;background:#101528d9;border-radius:18px;padding:26px}.panel[hidden]{display:none}h2{margin:0 0 16px;font-size:27px}label{display:block;color:#b7c9e2}input,textarea{width:100%;background:#090e20;color:var(--ink);border:1px solid #6483b35c;border-radius:9px;padding:11px;font:inherit;margin:6px 0 15px}input[type=checkbox]{width:auto;vertical-align:middle;margin:0 6px}input[type=range]{padding:0}input[type=file]{max-width:250px;font-size:12px;margin:4px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:15px 0}.muted,footer{font-size:12px;color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;max-height:310px;overflow:auto;padding:10px 0 20px}.tags button{font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}canvas{width:100%;height:210px;display:block;background:#090e20;border:1px solid #4d80ae88;border-radius:12px;touch-action:none;cursor:crosshair}progress{width:100%;height:7px;accent-color:var(--blue)}audio{width:100%;margin-top:18px}.track-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff1b;align-items:center}.track-row span{overflow-wrap:anywhere}.track-row small{display:block;color:var(--muted)}footer{padding:25px 5px}a{color:var(--blue)}#status{overflow-wrap:anywhere;min-height:22px}@media(max-width:650px){header{padding:16px;gap:10px}header img{width:46px;height:46px}h1{font-size:20px}.pill{font-size:8px;padding:5px 8px}main{padding:16px}.intro{grid-template-columns:1fr;gap:20px;padding-top:5px}.intro h2{font-size:43px}.intro p{font-size:14px}.engine{padding:17px}.grid{grid-template-columns:1fr;gap:0}.panel{padding:17px}nav button{font-size:12px;padding:8px 10px}.actions button{font-size:13px}.upload{width:100%}input[type=file]{max-width:100%}}