:root{color-scheme:dark;font:15px/1.5 system-ui,sans-serif;background:#10131b;color:#e9eaf2}*{box-sizing:border-box}body{margin:0}.shell{max-width:1160px;margin:auto;padding:28px 18px 70px}header,.sectionhead,.tracktop,.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}header{margin-bottom:25px}h1{font-size:clamp(2.3rem,6vw,4rem);letter-spacing:-.06em;margin:0}h2{font-size:1.15rem;margin:0 0 14px}p{color:#a9afc3}.eyebrow{font-size:.72rem;letter-spacing:.17em;color:#a99df7}.tag{border:1px solid #44495d;border-radius:30px;padding:8px 12px;color:#aaa9cb}.panel{background:#1b202c;border:1px solid #33394b;border-radius:16px;padding:22px;margin:18px 0}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}label{font-size:.8rem;color:#aeb6c9;display:grid;gap:5px}select,input,textarea{background:#111621;color:#f4f4f8;border:1px solid #444b60;border-radius:8px;padding:10px;font:inherit;min-width:0}button,.upload{border:1px solid #5b6179;background:#30374a;color:#fff;padding:10px 13px;border-radius:9px;cursor:pointer;font:inherit}.primary{background:#7864d8;border-color:#9988fa}.actions{justify-content:flex-start;margin-top:15px}button:hover,.upload:hover{filter:brightness(1.18)}.track{border-top:1px solid #3a4052;padding:17px 0}.tracktop h3{margin:0}.trackcontrols{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.trackcontrols label{display:flex;align-items:center;gap:5px}.trackcontrols input{accent-color:#a393ff}.track button{padding:7px 10px}.piano{width:100%;height:110px;background:#111621;border-radius:8px;display:block;margin-top:12px}.details{font-size:.8rem;color:#9fa8bd;margin:8px 0 0}textarea{width:100%;resize:vertical;font:12px/1.6 ui-monospace,monospace}#notice{font-size:.86rem;margin-bottom:0}footer{color:#778097;text-align:center;font-size:.8rem}.sectionhead small{color:#a8afc0}@media(max-width:600px){.panel{padding:15px}.tracktop{align-items:flex-start}}