:root{--bg:#12101A;--panel:#1B1826;--card:#221E30;--stroke:rgba(255,255,255,.07);--accent:#7C5CFF;--accent-soft:#9B7BFF;--text:rgba(255,255,255,.94);--dim:rgba(255,255,255,.55);--low:#2ED973;--high:#FAC733;--rec:#F5455C;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}button,select,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}.icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.grow{flex:1}small{color:var(--dim);font-size:11px}.loading{padding:40px;color:var(--dim)}.shell{display:flex;flex-direction:column;height:100vh;min-width:1100px}.body{flex:1;display:flex;min-height:0}main{flex:1;overflow:auto}.transport{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--panel)}.brand{display:flex;align-items:center;gap:8px;color:var(--accent-soft);margin-right:6px}.brand b{display:block;color:var(--text);font-size:16px;font-weight:600}.brand small{display:block}.clock{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;min-width:150px}.divider{width:1px;height:26px;background:var(--stroke)}.meter{font-size:16px}.iconbtn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:#ffffff0f}.iconbtn.filled{width:42px;height:42px;border-radius:21px;background:var(--accent)}.sidebar{width:200px;display:flex;flex-direction:column;gap:4px;padding:12px;background:#1b182699}.status{margin:0;font-size:11px;color:var(--dim)}.row{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border:0;border-radius:10px;background:none;color:#fff9;font-size:14px;text-align:left}.row.selected{background:#7c5cff59;color:#fff;font-weight:600}.row:not(:disabled):hover{background:#ffffff0d}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:84px;border:0;border-radius:10px;background:#ffffff0a;font-size:12px;color:#fff}.tile .icon{color:#b3a0ff}.tile.selected{background:#7c5cff59}.home{padding:18px;display:flex;flex-direction:column;gap:14px}.cards{display:flex;gap:14px;align-items:flex-start}.card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--card);border:1px solid var(--stroke);border-radius:14px;min-width:0}.card>header{display:flex;align-items:center;gap:8px;color:var(--accent-soft)}.card h3{margin:0;font-size:15px;font-weight:600;color:var(--text)}.knob{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.knob svg{touch-action:none;cursor:ns-resize;outline-offset:2px;border-radius:50%}.knob .track{fill:none;stroke:#ffffff1f;stroke-width:4;stroke-linecap:round}.knob .value{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round}.knob.off{opacity:.4}.knob.off .value{stroke:gray}.kl{color:var(--dim)}.kv{font-weight:500}.row-knobs{display:flex;justify-content:space-around;gap:14px}.switch{width:38px;height:22px;border-radius:11px;border:0;background:#ffffff2e;position:relative;padding:0}.switch i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}.switch.on{background:var(--accent)}.switch.on i{left:18px}select,.num{background:#ffffff14;border:1px solid var(--stroke);border-radius:6px;padding:4px 6px}.tabs{display:inline-flex;background:#ffffff0f;border-radius:7px;padding:2px}.tabs button{border:0;background:none;padding:3px 10px;border-radius:5px}.tabs [aria-selected=true]{background:#ffffff29}.accent{height:34px;padding:0 16px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:600}.plain{padding:4px 10px;border-radius:6px;border:1px solid var(--stroke);background:#ffffff14}input[type=range]{accent-color:var(--accent)}.level{width:14px;height:100%;border-radius:3px;background:#ffffff0f;display:flex;align-items:flex-end;overflow:hidden}.level i{width:100%;border-radius:3px;background:linear-gradient(to top,var(--low),var(--low),var(--high))}.bars{display:flex;justify-content:center;gap:10px;height:90px}.split{display:flex;justify-content:space-between;align-items:center}.split .right{text-align:right}.big{display:block;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px}.chain{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fx{position:relative}.fx .iconbtn{position:absolute;top:-8px;right:-8px;width:22px;height:22px}.sep{color:var(--dim)}:focus-visible{outline:2px solid var(--accent-soft)}.editor{display:flex;gap:0;min-height:100%}.editor .left{flex:1;min-width:620px;padding:20px;display:flex;flex-direction:column;gap:16px}.editor .right{width:285px;padding:20px;display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--stroke)}.stack{display:flex;flex-direction:column;gap:8px}.wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.heading{display:flex;align-items:center}.heading b,.caps{font-size:11px;letter-spacing:.04em;color:var(--dim)}.field{display:flex;flex-direction:column;gap:4px}.field .num{width:100%}.fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.plain.selected{background:#7c5cff59;border-color:var(--accent)}.note{color:var(--dim);margin:0}.pianoroll{height:360px;overflow:auto;background:#0000002e;border-radius:8px}.pianoroll canvas{display:block;touch-action:none;cursor:crosshair}.table{max-height:165px;overflow:auto;border:1px solid var(--stroke);border-radius:6px}.tr{display:grid;grid-template-columns:repeat(4,1fr);padding:3px 8px;cursor:default}.th{position:sticky;top:0;background:var(--panel);color:var(--dim);font-size:11px}.tr.sel{background:#7c5cff59}.tr:not(.th):hover{background:#ffffff0a}.lane{width:100%;height:80px;background:#0000002e;border-radius:8px}.lane path{fill:none;stroke:#ff9f0a;stroke-width:2}.lane circle{fill:#ff9f0a}.soundgrid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:4px}.soundgrid .plain{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h2{margin:0;font-size:20px;font-weight:600}h3{margin:0;font-size:15px}.accent.mint{background:#61dbb8;color:#000}.library{display:flex;flex-direction:column;height:100%}.libcols{flex:1;display:flex;gap:14px;padding:16px;min-height:0}.shelves{width:210px;display:flex;flex-direction:column;gap:4px;overflow:auto}.shelves .caps{margin:10px 0 2px 6px}.browser{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;overflow:auto;align-content:start}.soundcard{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--card);border:1px solid var(--stroke);border-radius:12px}.soundcard.selected{border:2px solid var(--accent)}.badgeicon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--accent),rgba(155,123,255,.5));color:#fff}.cardname{border:0;background:none;text-align:left;padding:2px 0;font-weight:600;font-size:13px}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:10px;font-weight:500;padding:2px 6px;border-radius:99px;background:#ffffff14}.nowrap{flex-wrap:nowrap}.dot{width:8px;height:8px;border-radius:50%;flex:none}.previewbar{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--panel)}.progress{flex:1;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent)}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pad{display:flex;flex-direction:column;align-items:flex-start;gap:2px;height:56px;padding:8px;border:1px solid var(--stroke);border-radius:8px;background:#ffffff0d;text-align:left}.pad.selected{background:#7c5cff59;border-color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}.step{height:30px;border:1px solid var(--stroke);border-radius:5px;background:#ffffff0d;font-size:10px;color:var(--dim)}.step.beat{background:#ffffff17}.step.on{background:var(--accent);border-color:var(--accent);color:#fff}.wave{width:100%;height:70px;background:#0000002e;border-radius:6px}.wave line{stroke:#40c8e0}.wave .cut{stroke:#fff9;stroke-width:1}.wave .cut.sel{stroke:#ffd60a;stroke-width:2}.slices{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.clips{width:100%;display:block}.report{margin:0;font:11px ui-monospace,monospace;color:var(--dim);white-space:pre-wrap}.clock.rec{color:var(--rec)}.cardwave{height:150px;border-radius:10px;background:#00000040;overflow:hidden}.cardwave svg{width:100%;height:100%;display:block}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.center{text-align:center;display:flex;justify-content:center}.inlevel{height:8px;border-radius:3px;background:#ffffff0f;overflow:hidden}.inlevel i{display:block;height:100%;background:linear-gradient(90deg,var(--low),var(--high))}.tutorial{margin:14px 18px 0;padding:12px;border-radius:8px;background:#ffffff0f;display:flex;flex-direction:column;gap:6px}.ok{color:#30d158}.status.warn{color:#ff9f0a}