:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--r-sm: 6px;--r: 9px;--r-lg: 14px;--bg: #0b0b0d;--surface: #131316;--surface-2: #19191d;--surface-3: #212126;--raise: #2a2a31;--line: #24242a;--line-2: #33333b;--text: #ededf0;--text-2: #bdbdc6;--muted: #868690;--faint: #5b5b65;--accent: #ff5a1f;--accent-2: #ff7a3f;--accent-ink: #160902;--accent-soft: rgba(255, 90, 31, .14);--ok: #4fd08a;--warn: #ffb347;--danger: #ff5c5c;--info-bg: #111f33;--info-line: #22426a;--info-ink: #d3e6ff;--err-bg: #341118;--err-line: #6b2532;--err-ink: #ffd6dc;--draft-bg: #2b1c0e;--draft-line: #6d4a1f;--shadow: 0 10px 34px rgba(0, 0, 0, .5);--g-a: #ff7a2f;--g-b: #4ea8ff;--g-c: #57d18a;--g-d: #c48bff;--cv-bg: #121215;--cv-head: #0f0f12;--cv-ruler: #0d0d10;--cv-row-group: #17171b;--cv-row-a: #151518;--cv-row-b: #17171a;--cv-row-auto: #141417;--cv-row-line: #212127;--cv-grid-bar: #34343d;--cv-grid-beat: #24242a;--cv-grid-sub: #1c1c21;--cv-scene-sep: #4a4a55;--cv-scene-on: #34343d;--cv-scene-a: #1a1a1f;--cv-scene-b: #1e1e24;--cv-text: #f2f2f5;--cv-text-2: #b7b7c0;--cv-muted: #7c7c86;--cv-faint: #4e4e58;--cv-playhead: #ffffff;--cv-key-white: #d9d9de;--cv-key-black: #1c1c20;--cv-key-white-ink: #333;--cv-key-black-ink: #999;--cv-empty: rgba(255, 255, 255, .035);font-family:var(--font);color-scheme:dark}:root:is([data-theme=light],[data-theme=hw]){--bg: #d9d7d1;--surface: #e6e4de;--surface-2: #efede8;--surface-3: #f8f7f4;--raise: #ffffff;--line: #c9c6be;--line-2: #b9b5ac;--text: #17171a;--text-2: #3d3c39;--muted: #6f6c66;--faint: #9a968e;--accent: #ff5500;--accent-2: #ff6d1f;--accent-ink: #ffffff;--accent-soft: rgba(255, 85, 0, .12);--ok: #1e9e5a;--warn: #b86f00;--danger: #d63333;--info-bg: #dde8f6;--info-line: #a9c2e2;--info-ink: #173a63;--err-bg: #f7dcdc;--err-line: #dfa3a3;--err-ink: #6b1414;--draft-bg: #f6e3c9;--draft-line: #ddb176;--shadow: 0 10px 30px rgba(60, 50, 30, .22);--g-a: #f0620f;--g-b: #2b82dd;--g-c: #1f9b5b;--g-d: #8a4fdc;--cv-bg: #efede8;--cv-head: #e6e4de;--cv-ruler: #dedbd4;--cv-row-group: #e8e6e0;--cv-row-a: #f1efea;--cv-row-b: #ebe9e3;--cv-row-auto: #eceae4;--cv-row-line: #d6d3cb;--cv-grid-bar: #b3afa6;--cv-grid-beat: #d3d0c8;--cv-grid-sub: #e2dfd8;--cv-scene-sep: #8f8b83;--cv-scene-on: #c9c5bc;--cv-scene-a: #e3e1db;--cv-scene-b: #d9d6cf;--cv-text: #121214;--cv-text-2: #3e3d3a;--cv-muted: #75726b;--cv-faint: #a8a49b;--cv-playhead: #111111;--cv-key-white: #ffffff;--cv-key-black: #2a2a2e;--cv-key-white-ink: #444;--cv-key-black-ink: #bbb;--cv-empty: rgba(0, 0, 0, .035);color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg)}body{margin:0;color:var(--text);font-size:13px;line-height:1.4;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased}button,select,input{font:inherit;color:inherit}::selection{background:var(--accent-soft)}button{background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:5px 11px;cursor:pointer;transition:background .12s,border-color .12s,transform .06s;box-shadow:0 1px #ffffff08 inset}button:hover:not(:disabled){background:var(--raise);border-color:var(--faint)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}button.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}button.danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--line-2));color:var(--danger)}button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,var(--surface-3))}button.mini{padding:1px 8px;font-size:11px;font-weight:500;border-radius:99px}select,input[type=number],input[type=search],input[type=text]{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:4px 8px}select:hover,input:hover{border-color:var(--faint)}input[type=number]{width:64px;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}code{background:var(--surface-3);padding:1px 5px;border-radius:4px;font-family:var(--mono);font-size:12px}.muted{color:var(--muted)}.small{font-size:11.5px}.grow{flex:1}.chk{display:inline-flex;gap:6px;align-items:center;color:var(--text-2);white-space:nowrap;cursor:pointer}.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:var(--surface-2);padding:2px;gap:2px}.seg button{border:none;border-radius:7px;background:transparent;box-shadow:none;padding:4px 10px;color:var(--text-2)}.seg button:hover:not(:disabled){background:var(--surface-3)}.seg button.on{background:var(--raise);color:var(--text);box-shadow:0 1px 2px #00000040}:root:is([data-theme=light],[data-theme=hw]) .seg button.on{box-shadow:0 1px 2px #0000001f}header.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;min-height:54px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.4px;font-size:14px;white-space:nowrap}.brand:before{content:"";width:22px;height:22px;border-radius:5px;background:url(../icons/icon.svg) center / contain no-repeat}.brand span{font-weight:450;color:var(--muted);letter-spacing:0}.tabs{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:3px}.tabs button{background:none;border:none;box-shadow:none;padding:5px 13px;color:var(--muted);border-radius:7px;font-weight:550}.tabs button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.tabs button.on{color:var(--text);background:var(--raise);box-shadow:0 1px 3px #0000004d}:root:is([data-theme=light],[data-theme=hw]) .tabs button.on{box-shadow:0 1px 3px #0000001f}.status{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;align-items:center}.pill{background:var(--surface-2);border:1px solid var(--line-2);border-radius:99px;padding:3px 11px;font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap;font-size:12.5px}.pill.play{color:#07170e;background:var(--ok);border-color:var(--ok);font-weight:600}.pill.rec{color:#fff;background:var(--danger);border-color:var(--danger);font-weight:600;animation:rec 1s ease-in-out infinite alternate}@keyframes rec{to{box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 25%,transparent)}}.pill.ok{color:var(--ok)}.pill.warn{color:var(--warn)}.pill.bad{color:var(--danger)}#themeSel{padding:4px 6px}.banner{padding:10px 16px;background:var(--err-bg);border-bottom:1px solid var(--err-line);color:var(--err-ink)}.banner.info{background:var(--info-bg);border-color:var(--info-line);color:var(--info-ink)}.banner button{margin-left:8px;padding:2px 9px}main{flex:1}.tab{display:none}.tab.on{display:block;animation:fade .15s ease-out}@keyframes fade{0%{opacity:.4}to{opacity:1}}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:9px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.timeline-host{position:relative;overflow-y:auto;max-height:calc(100vh - 270px);min-height:300px;background:var(--cv-bg)}.timeline-canvas{display:block}.empty-state{padding:70px 30px;text-align:center;color:var(--text-2);line-height:1.7}.empty-state h2{color:var(--text);font-size:22px;letter-spacing:-.2px}.empty-state a{color:var(--accent);font-weight:600}.inspector{border-top:1px solid var(--line);background:var(--surface)}.insp-head{display:flex;gap:8px;align-items:center;padding:7px 16px;white-space:nowrap;min-width:0}.insp-head>*{flex-shrink:0}.insp-head button,.insp-head label{white-space:nowrap}.insp-head .grow{flex:1 1 0;min-width:0}#inspTitle{font-size:15px;letter-spacing:.3px;font-family:var(--mono)}.insp-meta{margin-left:8px;overflow:hidden;text-overflow:ellipsis;flex-shrink:1!important;min-width:0}.insp-tools{border-top:1px solid var(--line);background:var(--surface-2)}.insp-tools[hidden]{display:none}.pe-info{overflow:hidden;text-overflow:ellipsis;flex-shrink:1!important;min-width:0;font-family:var(--mono)}.pe-bar{display:inline-flex;gap:6px;align-items:center}.pe-bar label,.insp-tools label{display:inline-flex;gap:5px;align-items:center;font-size:12px;color:var(--text-2)}#patternCanvas{display:block}.democtl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:9px 16px;background:color-mix(in srgb,var(--g-d) 9%,var(--surface));border-top:1px solid color-mix(in srgb,var(--g-d) 30%,var(--line))}.democtl .simpad{min-width:30px;height:28px;padding:0 6px;font-family:var(--mono);border-radius:7px}.simpad.has{background:color-mix(in srgb,var(--gc) 26%,var(--surface-3));border-color:color-mix(in srgb,var(--gc) 65%,var(--line-2));color:var(--text);font-weight:700}.simpad.empty{opacity:.35}.simpad.lit{background:var(--gc);color:#111;box-shadow:0 0 12px color-mix(in srgb,var(--gc) 70%,transparent)}.tooltip{position:fixed;display:none;pointer-events:none;background:color-mix(in srgb,var(--surface-3) 94%,transparent);color:var(--text);border:1px solid var(--line-2);padding:7px 9px;border-radius:8px;white-space:pre;font:11.5px var(--mono);z-index:50;box-shadow:var(--shadow)}.pads-wrap{display:flex;gap:18px;padding:16px;align-items:flex-start}.pad-groups{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:18px;flex:1}.pad-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px}.pad-group h3{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:14px}.pad-group h3 i{width:10px;height:10px;border-radius:3px;display:inline-block}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pad{background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border:1px solid var(--line-2);border-radius:11px;padding:7px;min-height:78px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 1px #ffffff0a inset,0 2px 4px #00000040;transition:transform .06s,border-color .12s,box-shadow .12s}:root:is([data-theme=light],[data-theme=hw]) .pad{background:linear-gradient(180deg,#fbfaf8,#ecebe7);box-shadow:0 1px #fff inset,0 2px 4px #3c321e26}.pad:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--flash, var(--accent));opacity:0}.pad:not(.empty):before{opacity:.8}.pad:hover{border-color:var(--faint)}.pad:active{transform:translateY(1px)}.pad.sel{border-color:var(--text);box-shadow:0 0 0 2px var(--accent-soft),0 2px 6px #0000004d}.pad.empty{opacity:.5}.pad .lbl{font:700 15px var(--mono)}.pad .nm{font-size:11px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad .badges{position:absolute;top:7px;right:7px;left:26px;display:flex;flex-wrap:nowrap;overflow:hidden;justify-content:flex-end;gap:3px;pointer-events:none}.pad .badges span{flex-shrink:0;font-size:9.5px;background:var(--raise);border:1px solid var(--line);border-radius:4px;padding:0 4px;color:var(--muted)}.pad canvas{width:100%;height:24px;display:block;margin-top:5px}.pad.flash{box-shadow:0 0 0 2px var(--flash, #fff) inset,0 0 18px color-mix(in srgb,var(--flash, #fff) 50%,transparent)}.pad.changed{border-color:var(--warn)}.pad.changed:after{content:"\25cf";position:absolute;bottom:4px;right:6px;color:var(--warn);font-size:10px}.pad.dropover{outline:2px dashed var(--text)}.pad-detail{width:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;position:sticky;top:70px}.pad-detail h3{margin:0;font-size:15px}.pad-detail canvas{width:100%;height:90px;display:block;background:var(--cv-bg);border-radius:8px;margin:8px 0;border:1px solid var(--line)}.pad-detail table{width:100%;border-collapse:collapse}.pad-detail td{padding:3px 0;border-bottom:1px solid var(--line)}.pad-detail td:first-child{color:var(--muted)}.pad-detail .btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pad-detail #padEnv{width:100%;height:74px;display:block;background:var(--cv-bg);border-radius:8px;margin:8px 0;cursor:ew-resize;border:1px solid var(--line)}#padWave{cursor:ew-resize}.pad-form{display:grid;gap:6px;margin:8px 0}.pad-form label{display:grid;grid-template-columns:96px 1fr 44px;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}.pad-form label select{grid-column:span 2}.pad-form label input[type=checkbox]{justify-self:start}.pad-form i{font-style:normal;color:var(--text);font-variant-numeric:tabular-nums}.draftbar{display:flex;gap:10px;align-items:center;padding:9px 16px;background:var(--draft-bg);border-bottom:1px solid var(--draft-line);position:sticky;top:54px;z-index:4}.dropmenu{position:fixed;z-index:70;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r);padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}.dropmenu button{text-align:left}.sounds-wrap{display:flex;gap:18px;padding:16px;align-items:flex-start}.upload{width:340px;position:sticky;top:70px}.drop{border:2px dashed var(--line-2);border-radius:var(--r-lg);padding:28px 14px;text-align:center;line-height:1.9;background:var(--surface);transition:border-color .12s,background .12s}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.filebtn{display:inline-block;background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:4px 11px;cursor:pointer}.filebtn:hover{background:var(--raise)}.filebtn input{display:none}.opts{display:flex;flex-direction:column;gap:7px;margin:14px 0}.queue{display:flex;flex-direction:column;gap:5px}.queue .qi{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:12px}.queue .qi.err{border-color:var(--err-line);color:var(--danger)}.queue .qi.done{color:var(--ok)}.queue .bar{height:3px;background:var(--line);margin-top:5px;border-radius:2px}.queue .bar i{display:block;height:100%;background:var(--accent);width:0;border-radius:2px}.sound-list{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:4px 8px 8px}table#soundTable{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}#soundTable th{text-align:left;color:var(--muted);font-weight:550;font-size:12px;padding:8px 6px;border-bottom:1px solid var(--line);position:sticky;top:54px;background:var(--surface)}#soundTable td{padding:5px 6px;border-bottom:1px solid var(--line)}#soundTable tr.cat td{color:var(--accent);font-weight:700;padding-top:14px;font-size:12px;text-transform:uppercase;letter-spacing:.6px}#soundTable tr:hover td{background:var(--surface-2)}#soundTable td.acts{white-space:nowrap;text-align:right}#soundTable td.acts button{padding:2px 7px;font-size:12px;margin-left:2px}.used{color:var(--g-b);font-size:11.5px;font-family:var(--mono)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;padding:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;box-shadow:0 1px #ffffff05 inset}.card.wide{grid-column:1 / -1}.card h3{margin:0;font-size:15px;letter-spacing:-.1px}.card p.muted{margin:0;line-height:1.5}.card table{width:100%;border-collapse:collapse}.card td{padding:5px 6px;border-bottom:1px solid var(--line)}.card label{display:inline-flex;gap:6px;align-items:center}.card .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.plan{width:100%;display:flex;flex-direction:column;gap:6px}.plan .err{color:var(--danger)}.plan .warn{color:var(--warn)}.meter{width:100%;height:8px;background:var(--line);border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--ok);transition:width .05s}.ok{color:var(--ok)}.bad{color:var(--danger)}.warnc{color:var(--warn)}.progress{position:fixed;bottom:44px;left:50%;transform:translate(-50%);width:480px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:12px;z-index:20;box-shadow:var(--shadow)}.progress div{height:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0;border-radius:3px;transition:width .15s}.progress span{display:block;margin-top:7px;font-size:12px;color:var(--text-2)}.keys-bar label{display:inline-flex;gap:6px;align-items:center}.keys-help{padding:7px 16px;margin:0}.keyboard{position:relative;height:176px;margin:12px 16px;user-select:none;touch-action:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.keyboard .k{position:absolute;top:0;border:1px solid #1a1a1a;border-radius:0 0 8px 8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-size:10.5px;font-family:var(--mono);transition:background .06s}.keyboard .w{background:linear-gradient(180deg,#f2f2f4,#e2e2e6);color:#777;height:176px;z-index:1}.keyboard .b{background:linear-gradient(180deg,#2a2a2e,#141416);color:#999;height:108px;z-index:2;border-color:#000}.keyboard .k.on{background:var(--accent)!important;color:#111}.keyboard .k.chord{box-shadow:inset 0 -6px 0 var(--g-b)}.chord-now{padding:4px 16px 18px;font:650 20px var(--mono);color:var(--text);min-height:32px}footer{display:flex;gap:10px;align-items:center;padding:6px 16px;border-top:1px solid var(--line);background:var(--surface);position:sticky;bottom:0}footer button{padding:2px 9px;font-size:12px}.log{position:fixed;bottom:36px;left:0;right:0;height:230px;margin:0;overflow:auto;background:var(--cv-head);border-top:1px solid var(--line-2);padding:8px 16px;font:11.5px var(--mono);color:var(--text-2);z-index:30}.log .error{color:var(--danger)}.log .ok{color:var(--ok)}[hidden]{display:none!important}.modal{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(3px);z-index:60;display:grid;place-items:center;animation:fade .12s}.modal-box{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:16px;width:min(1100px,94vw);max-height:92vh;overflow:auto;box-shadow:var(--shadow)}.ed-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}#edWave{width:100%;height:170px;display:block;border-radius:10px;cursor:crosshair;border:1px solid var(--line)}.ed-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.ed-row .sep{width:1px;height:22px;background:var(--line-2);margin:0 4px}.ed-row button{padding:4px 10px}.ed-fx{margin-top:12px}.ed-fx summary{cursor:pointer;color:var(--text-2);font-weight:550}.fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 16px;margin:10px 0}.fx-grid label{display:grid;grid-template-columns:90px 1fr 40px;gap:6px;align-items:center;font-size:12px;color:var(--text-2)}.fx-grid label.chk{display:flex}.fx-grid i{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}.ed-save{border-top:1px solid var(--line);padding-top:12px}.ed-hint{margin-top:5px}.eq-wrap{margin:10px 0}#edEq{width:100%;height:130px;display:block;border-radius:10px;border:1px solid var(--line)}.scenes-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.scenes-table th{text-align:left;color:var(--muted);font-weight:550;padding:6px;border-bottom:1px solid var(--line-2)}.scenes-table td{padding:6px;border-bottom:1px solid var(--line)}#liveInfo{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.pad-form input[type=number]{width:84px}.tl-scroll{position:relative;height:14px;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.tl-thumb{position:absolute;top:2px;bottom:2px;min-width:24px;border-radius:99px;background:var(--faint);opacity:.7;cursor:grab;transition:opacity .1s}.tl-thumb:hover,.tl-thumb.drag{opacity:1;background:var(--accent)}.tl-scroll.none .tl-thumb{display:none}.song-ed{margin:10px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.song-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;min-height:30px;align-items:center}.song-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 9px;border:1px solid var(--line-2);border-radius:999px;cursor:grab;font-variant-numeric:tabular-nums;user-select:none}.song-chip button{padding:0 6px;border:0;background:none;color:var(--muted)}.scenes-table select{font-size:12px;padding:2px 4px}#bpm.editable{cursor:pointer}.stage{margin:10px 0;border:1px solid var(--line-2);border-radius:10px;padding:8px 10px}.stage-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}.stage-list{max-height:320px;overflow:auto}.stage-row{display:flex;gap:8px;align-items:center;padding:3px 0;border-bottom:1px solid var(--line)}.stage-row.off{opacity:.45}.stage-row .st-slot{width:64px}.stage-row .st-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal.help h4{margin:14px 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.keys-help{width:100%;border-collapse:collapse}.keys-help td{padding:4px 6px;border-bottom:1px solid var(--line);vertical-align:top}.keys-help td:first-child{width:42%}kbd{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;padding:1px 6px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;background:var(--surface-3)}.modal.help .modal-box{max-height:88vh;overflow:auto}.tab-sec{font-size:15px;font-weight:650;margin:22px 18px 4px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.tab-sec:first-child{margin-top:4px}#writePill{cursor:pointer}.pill.muted-pill{color:var(--muted)}.devtest-list{padding-left:22px;margin:8px 0 0}.devtest-list li{padding:8px 4px;border-bottom:1px solid var(--line)}.devtest-list li.dt-ok .dt-head b{color:var(--ok)}.devtest-list li.dt-fail .dt-head b{color:var(--danger)}.devtest-list li.dt-skip{opacity:.55}.devtest-list .dt-head{display:flex;gap:8px;align-items:center;margin-bottom:3px}.devtest-list textarea{width:100%;margin-top:4px}.wav-fmt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 18px 8px}.hires{margin-top:12px;padding:10px 12px;border:1px dashed var(--line-2);border-radius:10px}.hires.over{border-color:var(--accent);background:var(--accent-soft)}.hires-head{margin-bottom:4px}.pad.hq{outline:1.5px solid var(--accent);outline-offset:-3px}.engine-chk{font-weight:600}#enginePill{cursor:pointer;color:var(--accent);border-color:var(--accent)}header.top button,header.top .pill{white-space:nowrap}.mx-bar{margin:12px 16px 0}.mx-strips{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:12px;padding:12px 16px 24px}.mx-strip{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--gc, var(--accent));border-radius:12px;padding:10px 12px}.mx-master{--gc: var(--text-2)}.mx-head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.mx-head b{flex:1;color:var(--gc);font-size:15px}.mx-head button{padding:1px 8px;font-weight:700}.mx-head button.on[data-t=mute]{background:var(--danger);color:#fff}.mx-head button.on[data-t=solo]{background:var(--warn);color:#000}.mx-meter{height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden;margin-bottom:8px;display:flex}.mx-meter i{display:block;height:100%;width:0;background:var(--gc, var(--accent));transition:width .05s}.mx-meter i.clip{background:var(--danger)}.mx-row{display:grid;grid-template-columns:62px 1fr 58px;align-items:center;gap:6px;font-size:12px;margin:3px 0}.mx-row.chk{display:flex}.mx-row i{font-style:normal;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.mx-row input[type=range]{width:100%}.mx-sec{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 2px}.audio-lanes{margin:0 0 8px;border-top:1px solid var(--line)}.audio-lanes canvas{display:block;width:100%}.audio-lanes.over{outline:2px dashed var(--accent);outline-offset:-2px}.sim-transport{display:inline-flex;gap:4px;align-items:center}.sim-transport button{padding:4px 10px}.sim-transport .sim-rec{padding:3px 8px;border:1px solid var(--line-2);border-radius:99px}.sim-transport .sim-rec:has(input:checked){color:#fff;background:var(--danger);border-color:var(--danger)}.demo-menu{position:relative}.demo-menu .menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:300px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}.demo-menu .menu[hidden]{display:none}.demo-menu .menu button{text-align:left;display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:none;border:1px solid transparent}.demo-menu .menu button:hover{background:var(--surface-2);border-color:var(--line)}.demo-menu .menu small{color:var(--muted);font-size:11.5px}.pad-group.kb{outline:1.5px solid var(--text-2);outline-offset:3px}.pad.hit{filter:brightness(1.8);transform:scale(.97);transition:transform .05s}.kbd-hint{display:inline-block;margin-left:8px;font-size:12px}.kbd-hint kbd{font-size:11px;padding:0 4px}.src-sel{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px}.src-sel select{font-size:12.5px;padding:2px 6px}:root[data-theme=hw]{--key-top: #f4f3ef;--key-bot: #dedbd4;--key-edge: #aaa59b;--key-ink: #2a2a2c;--plate: #c9c6be;--plate-dark: #b3afa6;--plate-hi: #dcd9d2;--plate-lo: #cfccc4;--plate-line: #b6b2a9;--hw-ink: #4a4741;--hw-ink-2: #6f6b63;--screw-hi: #eee;--screw-lo: #8e8a82;--knob-hi: #fbfaf7;--knob-mid: #d9d6cf;--knob-lo: #b9b5ac;--knob-edge: #8f8a80;--knob-drop: #9a958b;--lcd-bg: #151715;--lcd-ink: #ff7a2f;--bg: #d3d0c9}:root[data-theme=hwdark]{--key-top: #3c3c42;--key-bot: #2a2a2f;--key-edge: #0d0d10;--key-ink: #ececf0;--plate: #1c1c20;--plate-dark: #0c0c0e;--plate-hi: #2b2b30;--plate-lo: #212125;--plate-line: #3a3a41;--hw-ink: #b8b8c2;--hw-ink-2: #8a8a95;--screw-hi: #8a8a90;--screw-lo: #2e2e33;--knob-hi: #5d5d64;--knob-mid: #3b3b41;--knob-lo: #26262b;--knob-edge: #09090b;--knob-drop: #040405;--lcd-bg: #070807;--lcd-ink: #ff7a2f;--bg: #111113}:root:is([data-theme=hw],[data-theme=hwdark]) .pad-group{background:linear-gradient(180deg,var(--plate),var(--plate-hi));border:1px solid var(--plate-dark);box-shadow:inset 0 2px 5px #3c321e47,inset 0 -1px #ffffff80}:root:is([data-theme=hw],[data-theme=hwdark]) .keypad{gap:10px}:root:is([data-theme=hw],[data-theme=hwdark]) .pad{background:linear-gradient(180deg,var(--key-top),var(--key-bot));border:1px solid var(--key-edge);border-radius:8px;box-shadow:0 4px 0 var(--key-edge),0 6px 8px #281e0a47,inset 0 1px #fff;transform:translateY(0);transition:transform .05s,box-shadow .05s;margin-bottom:4px}:root:is([data-theme=hw],[data-theme=hwdark]) .pad:before{display:none}:root:is([data-theme=hw],[data-theme=hwdark]) .pad:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--flash, var(--accent)) 25%,#bdb9b0);box-shadow:inset 0 1px 1px #0000004d}:root:is([data-theme=hw],[data-theme=hwdark]) .pad.empty:after{background:#c4c0b8}:root:is([data-theme=hw],[data-theme=hwdark]) .pad .lbl{font:800 17px var(--mono);color:var(--key-ink)}:root:is([data-theme=hw],[data-theme=hwdark]) .pad .badges{right:20px}:root:is([data-theme=hw],[data-theme=hwdark]) .pad:hover{border-color:var(--knob-edge)}:root:is([data-theme=hw],[data-theme=hwdark]) .pad:active,:root:is([data-theme=hw],[data-theme=hwdark]) .pad.hit,:root:is([data-theme=hw],[data-theme=hwdark]) .pad.flash{transform:translateY(4px);box-shadow:0 0 0 var(--key-edge),0 1px 2px #281e0a4d,inset 0 1px 3px #00000026;filter:none}:root:is([data-theme=hw],[data-theme=hwdark]) .pad.hit:after,:root:is([data-theme=hw],[data-theme=hwdark]) .pad.flash:after{background:var(--flash, var(--accent));box-shadow:0 0 8px 2px color-mix(in srgb,var(--flash, var(--accent)) 70%,transparent)}:root:is([data-theme=hw],[data-theme=hwdark]) .pad.sel{border-color:var(--key-ink);box-shadow:0 4px 0 var(--key-ink),0 6px 8px #281e0a47,inset 0 1px #fff}:root:is([data-theme=hw],[data-theme=hwdark]) .pad.empty{opacity:.6}:root:is([data-theme=hw],[data-theme=hwdark]) .pad.changed:after{background:var(--warn)}:root:is([data-theme=hw],[data-theme=hwdark]) .democtl .simpad{background:linear-gradient(180deg,var(--key-top),var(--key-bot));border:1px solid var(--key-edge);border-radius:6px;box-shadow:0 3px 0 var(--key-edge),0 4px 5px #281e0a38;color:var(--key-ink);height:30px;margin-bottom:3px;transition:transform .04s,box-shadow .04s}:root:is([data-theme=hw],[data-theme=hwdark]) .democtl .simpad.has{border-bottom:3px solid var(--gc)}:root:is([data-theme=hw],[data-theme=hwdark]) .democtl .simpad:active,:root:is([data-theme=hw],[data-theme=hwdark]) .democtl .simpad.lit{transform:translateY(3px);box-shadow:0 0 0 var(--key-edge),0 0 10px color-mix(in srgb,var(--gc) 70%,transparent);background:color-mix(in srgb,var(--gc) 35%,var(--key-top))}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport{gap:8px;padding:3px 8px;background:var(--plate);border-radius:99px;box-shadow:inset 0 1px 3px #3c321e4d}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport button,:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport .sim-rec{min-width:34px;height:30px;border-radius:99px;border:1px solid var(--key-edge);color:var(--key-ink);font-weight:700;background:linear-gradient(180deg,var(--key-top),var(--key-bot));box-shadow:0 3px 0 var(--key-edge),0 4px 5px #281e0a38;transition:transform .04s,box-shadow .04s;margin-bottom:3px;display:inline-flex;align-items:center;gap:4px;padding:0 12px}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport button:active,:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport .sim-rec:active{transform:translateY(3px);box-shadow:0 0 0 var(--key-edge)}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport .sim-rec input{display:none}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport .sim-rec:has(input:checked){color:#fff;background:linear-gradient(180deg,#ff5c4a,#d83222);border-color:#a3261a;box-shadow:0 3px #a3261a,0 0 12px #ff3c2899}.route-ctl{display:inline-flex;gap:12px;align-items:center}.route{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.route b{font-weight:600;color:var(--text-2)}.seg2{display:inline-flex;background:var(--surface-2);border:1px solid var(--line-2);border-radius:99px;padding:2px}.seg2 button{border:none;background:none;box-shadow:none;padding:3px 11px;border-radius:99px;font-size:12px;color:var(--muted);font-weight:600}.seg2 button:hover:not(.on){color:var(--text)}.seg2 button.on{background:var(--raise);color:var(--text);box-shadow:0 1px 3px #0000004d}.seg2 button.on[data-v=mac]{background:var(--accent);color:var(--accent-ink)}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2{background:var(--plate);border-color:var(--plate-dark);box-shadow:inset 0 1px 3px #3c321e59;padding:3px}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button{color:var(--hw-ink-2)}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button.on{background:linear-gradient(180deg,var(--key-top),var(--key-bot));color:var(--key-ink);box-shadow:0 2px 0 var(--key-edge),0 3px 4px #281e0a40;border:1px solid var(--key-edge)}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button.on:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px;background:var(--accent);box-shadow:0 0 6px var(--accent)}#panelBtn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.ep-panel{position:fixed;right:14px;bottom:44px;width:330px;z-index:6;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow);padding:6px 8px 8px;user-select:none}.ep-panel .pn-head{display:flex;align-items:center;gap:6px;padding:0 2px 4px}.ep-panel .pn-head .small{font-size:10px;line-height:1.2}.ep-panel .pn-head button{padding:0 7px}.ep-panel svg{width:100%;display:block;touch-action:none}.ep-panel svg text{font:600 9px var(--font);fill:#222;text-anchor:middle}.ep-panel .body{fill:#d1d3d4;stroke:#231f20;stroke-width:2}.ep-panel .conn text{font-size:7px;fill:#555}.ep-panel .label{fill:#e6e4de}.ep-panel .logo{font:400 30px var(--font);text-anchor:start;letter-spacing:1px}.ep-panel .logo-sub{font-size:9px;text-anchor:start}.ep-panel .grille circle{fill:#3a3a3e}.ep-panel .lcd{fill:#0c0c0e}.ep-panel .lcd-t{font:700 15px var(--mono);fill:#ff5a1f;text-anchor:start}.ep-panel .lcd-t.big{font-size:19px;fill:#f2f2f2}.ep-panel .cap{font-size:8px;fill:#444}.ep-panel .cap.val{font:700 9px var(--mono);fill:#f50}.ep-panel .vol circle{fill:#eceae6;stroke:#555}.ep-panel .vol .in{fill:none}.ep-panel .knob circle{fill:#f50;stroke:#231f20;stroke-width:1.5;cursor:ns-resize}.ep-panel .knob.y circle{fill:#231f20}.ep-panel .knob line{stroke:#fff;stroke-width:3;stroke-linecap:round;pointer-events:none}.ep-panel .b rect{fill:#eceae6;stroke:#777}.ep-panel .b.k rect{fill:#231f20}.ep-panel .b.k text{fill:#fff}.ep-panel .b.o rect{fill:#231f20}.ep-panel .b.o text{fill:#fff}.ep-panel .b.o .sub{fill:#ff7a3f}.ep-panel .b.g rect{fill:#8f949a}.ep-panel .b.g text{fill:#fff}.ep-panel .b .sub{font-size:7.5px;fill:#555}.ep-panel .b.k .sub{fill:#bbb}.ep-panel .b.lit rect{stroke:#f50;stroke-width:2.5}.ep-panel .b.rec rect{fill:#f50}.ep-panel .b.rec text{fill:#fff}.ep-panel .b.rec.lit rect{fill:#ff2a10;filter:drop-shadow(0 0 6px #ff3a1a)}.ep-panel .b.play rect{fill:#8f949a}.ep-panel .b.play text{fill:#fff}.ep-panel .b.play.lit rect{fill:#57d18a}.ep-panel .track{stroke:#231f20;stroke-width:5;stroke-linecap:round}.ep-panel .fknob{fill:#b9bcc0;stroke:#231f20;stroke-width:1.5}.ep-panel .pn-grp rect{fill:#b3b7bb;stroke:#666;cursor:pointer}.ep-panel .pn-grp text{text-anchor:start;font-size:11px;fill:#fff}.ep-panel .pn-grp.on rect{fill:var(--gc);stroke:#231f20;stroke-width:2}.ep-panel .param{font-size:6.5px;text-anchor:start;fill:#333}.ep-panel .pn-pad rect{fill:#1e1e21;stroke:#000;cursor:pointer;transition:fill .08s}.ep-panel .pn-pad text{text-anchor:start;font-size:11px;fill:#eee;pointer-events:none}.ep-panel .pn-pad .led{fill:#444}.ep-panel .pn-pad.has .led{fill:color-mix(in srgb,var(--gc) 55%,#333)}.ep-panel .pn-pad.lit rect{fill:color-mix(in srgb,var(--gc) 70%,#1e1e21)}.ep-panel .pn-pad.lit .led{fill:var(--gc);filter:drop-shadow(0 0 4px var(--gc))}.knob-ui{display:none}:root:is([data-theme=hw],[data-theme=hwdark]) .knob-ui{display:inline-block;position:relative;width:34px;height:34px;border-radius:50%;cursor:ns-resize;flex:none;background:radial-gradient(circle at 35% 30%,var(--knob-hi),var(--knob-mid) 60%,var(--knob-lo));border:1px solid var(--knob-edge);box-shadow:0 3px 0 var(--knob-drop),0 4px 6px #281e0a4d,inset 0 1px #fff;touch-action:none}:root:is([data-theme=hw],[data-theme=hwdark]) .knob-ui:before{content:"";position:absolute;inset:-6px;border-radius:50%;pointer-events:none;background:conic-gradient(from -135deg,var(--gc, var(--accent)) calc(var(--f, 0) * 270deg),transparent 0 270deg,transparent 0);-webkit-mask:radial-gradient(circle,transparent 20px,#000 21px,#000 23px,transparent 24px);mask:radial-gradient(circle,transparent 20px,#000 21px,#000 23px,transparent 24px);opacity:.9}:root:is([data-theme=hw],[data-theme=hwdark]) .knob-ui .nd{position:absolute;left:50%;top:4px;width:3px;height:11px;margin-left:-1.5px;border-radius:2px;background:var(--key-ink);transform-origin:50% 13px;transform:rotate(var(--a, -135deg))}:root:is([data-theme=hw],[data-theme=hwdark]) .knob-ui.turning{box-shadow:0 1px 0 var(--knob-drop),0 2px 3px #281e0a4d,inset 0 1px #fff;transform:translateY(2px)}:root:is([data-theme=hw],[data-theme=hwdark]) .knob-ui+input[type=range]{display:none}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-strip{background:linear-gradient(180deg,var(--plate-hi),var(--plate-lo));border:1px solid var(--plate-dark);border-top:4px solid var(--gc, var(--accent));box-shadow:inset 0 1px #fff9,0 2px 6px #281e0a2e;position:relative;display:flex;flex-wrap:wrap;align-content:flex-start}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-strip>*{flex:1 1 100%}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-strip:before,:root:is([data-theme=hw],[data-theme=hwdark]) .mx-strip:after{content:"";position:absolute;top:8px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#eee,#8e8a82);box-shadow:inset 0 0 0 1px var(--knob-edge)}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-strip:before{left:7px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-strip:after{right:7px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-head{padding:0 10px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-head button{background:linear-gradient(180deg,var(--key-top),var(--key-bot));border:1px solid var(--key-edge);box-shadow:0 2px 0 var(--key-edge);border-radius:5px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-head button.on[data-t=mute]{background:#e04a3a;color:#fff;box-shadow:0 0 8px #e04a3ab3;transform:translateY(2px)}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-head button.on[data-t=solo]{background:#f2b33a;color:#222;box-shadow:0 0 8px #f2b33ab3;transform:translateY(2px)}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-meter{height:9px;background:#2a2a2c;border-radius:2px;padding:2px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-meter i{background:linear-gradient(90deg,#3fcf6f 0 65%,#f2c12e 65% 85%,#ff4a2a 85%);background-size:100% 100%;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px);border-radius:1px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-meter i.clip{background:#ff4a2a}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-sec{flex-basis:100%;border-top:1px solid var(--plate-line);padding-top:6px;color:var(--hw-ink)}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:has(.knob-ui){flex:0 0 33.3%;display:flex;flex-direction:column;align-items:center;gap:3px;margin:6px 0 2px;font-size:10.5px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:has(.knob-ui) span{order:2;color:var(--hw-ink);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:has(.knob-ui) i{order:3;text-align:center;font:600 10px var(--mono);color:var(--key-ink)}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:has(.knob-ui) .knob-ui{order:1}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:has(.knob-ui) select{order:1}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:not(:has(.knob-ui)):has(select){flex:0 0 33.3%;display:flex;flex-direction:column;align-items:center;gap:3px;margin:6px 0 2px;font-size:9.5px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:has(input[data-k=db]){display:flex;flex-direction:column;align-items:center;gap:4px}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row input[data-k=db]{writing-mode:vertical-lr;direction:rtl;width:34px;height:150px;-webkit-appearance:none;appearance:none;background:transparent}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row input[data-k=db]::-webkit-slider-runnable-track{width:6px;background:#1a1a1c;border-radius:3px;box-shadow:inset 0 1px 2px #000,0 0 0 1px var(--plate-line)}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row input[data-k=db]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:16px;margin-left:-12px;border-radius:3px;background:linear-gradient(180deg,var(--knob-hi),var(--plate-lo) 45%,#2a2a2c 46% 54%,var(--plate-lo) 55%,var(--knob-mid));border:1px solid var(--knob-edge);box-shadow:0 3px 4px #00000059;cursor:ns-resize}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:has(input[data-k=db]) span{order:2;font-size:9.5px;text-transform:uppercase;color:var(--hw-ink)}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-row:has(input[data-k=db]) i{order:3;font:600 11px var(--mono);color:var(--key-ink)}:root:is([data-theme=hw],[data-theme=hwdark]) #keyboard{height:184px;padding:0;border-left:24px solid #7a4a28;border-right:24px solid #7a4a28;border-top:6px solid #26262a;border-bottom:0;border-radius:10px;background:#26262a;box-shadow:inset 0 2px #ffffff0f,0 8px 18px #00000059;filter:none;border-image:none;background-clip:padding-box}:root:is([data-theme=hw],[data-theme=hwdark]) #keyboard{border-left-color:#85522d;border-right-color:#85522d}:root:is([data-theme=hw],[data-theme=hwdark]) .keyboard .w{background:linear-gradient(180deg,#fdfcf9 0,#f1efe9 85%,#dcd9d1);border-color:#9f9b92;box-shadow:inset 0 -5px #d2cec5,0 2px 0 var(--knob-edge)}:root:is([data-theme=hw],[data-theme=hwdark]) .keyboard .b{background:linear-gradient(180deg,#333336 0,#1a1a1c 80%,#0d0d0e);box-shadow:inset 0 -4px #000,inset 1px 0 #444,0 3px 4px #00000080}:root:is([data-theme=hw],[data-theme=hwdark]) .keyboard .k.on{background:linear-gradient(180deg,#ffb07f,var(--accent))!important;transform:translateY(2px);box-shadow:inset 0 -2px #0003}:root:is([data-theme=hw],[data-theme=hwdark]) body{background:var(--bg)}:root:is([data-theme=hw],[data-theme=hwdark]) header.top{background:linear-gradient(180deg,var(--plate-hi),var(--plate-lo));border-bottom:2px solid var(--plate-dark);box-shadow:inset 0 1px #ffffff40,0 2px 8px #0000002e;backdrop-filter:none}:root:is([data-theme=hw],[data-theme=hwdark]) .brand span{color:var(--hw-ink-2)}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs{background:var(--plate-dark);border-color:var(--plate-dark);padding:4px 4px 6px;gap:5px;box-shadow:inset 0 2px 4px #00000059}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs button{background:linear-gradient(180deg,var(--key-top),var(--key-bot));color:var(--key-ink);border:1px solid var(--key-edge);border-radius:6px;box-shadow:0 3px 0 var(--key-edge),0 4px 5px #00000040;position:relative;padding:5px 13px 5px 20px}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs button:before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--plate-line)}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs button.on{transform:translateY(3px);box-shadow:0 0 0 var(--key-edge),inset 0 1px 3px #00000040;color:var(--key-ink);background:linear-gradient(180deg,var(--key-bot),var(--key-top))}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs button.on:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs button:hover:not(:disabled){background:linear-gradient(180deg,var(--key-top),var(--key-bot));color:var(--key-ink)}:root:is([data-theme=hw],[data-theme=hwdark]) button{background:linear-gradient(180deg,var(--key-top),var(--key-bot));border:1px solid var(--key-edge);color:var(--key-ink);box-shadow:0 2px 0 var(--key-edge),0 3px 4px #0000002e;border-radius:6px;transition:transform .05s,box-shadow .05s}:root:is([data-theme=hw],[data-theme=hwdark]) button:hover:not(:disabled){background:linear-gradient(180deg,var(--key-top),var(--key-top));border-color:var(--key-edge)}:root:is([data-theme=hw],[data-theme=hwdark]) button:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 var(--key-edge)}:root:is([data-theme=hw],[data-theme=hwdark]) button.primary{background:linear-gradient(180deg,#ff7a3f,#f50);border-color:#b33b00;color:#fff;box-shadow:0 2px #b33b00,0 3px 5px #ff55004d}:root:is([data-theme=hw],[data-theme=hwdark]) button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ff8a52,#ff5f10);border-color:#b33b00}:root:is([data-theme=hw],[data-theme=hwdark]) button.danger{color:#d63333}:root:is([data-theme=hw],[data-theme=hwdark]) .seg{background:var(--plate-dark);border-color:var(--plate-dark);box-shadow:inset 0 1px 3px #00000059}:root:is([data-theme=hw],[data-theme=hwdark]) .seg button{background:transparent;box-shadow:none;border:none;color:var(--hw-ink-2)}:root:is([data-theme=hw],[data-theme=hwdark]) .seg button.on{background:linear-gradient(180deg,var(--key-top),var(--key-bot));color:var(--key-ink);box-shadow:0 2px 0 var(--key-edge);border:1px solid var(--key-edge)}:root:is([data-theme=hw],[data-theme=hwdark]) .pill{background:var(--lcd-bg);border:1px solid #000;color:var(--lcd-ink);font-family:var(--mono);font-size:12px;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff40;border-radius:4px}:root:is([data-theme=hw],[data-theme=hwdark]) .pill.ok{color:#57e08e}:root:is([data-theme=hw],[data-theme=hwdark]) .pill.warn{color:#ffc14d}:root:is([data-theme=hw],[data-theme=hwdark]) .pill.bad{color:#ff5c5c}:root:is([data-theme=hw],[data-theme=hwdark]) .pill.play{background:var(--lcd-bg);color:#57e08e;border-color:#000;text-shadow:0 0 6px rgba(87,224,142,.6)}:root:is([data-theme=hw],[data-theme=hwdark]) .pill.rec{background:var(--lcd-bg);color:#ff5c4a;border-color:#000;text-shadow:0 0 6px rgba(255,92,74,.7)}:root:is([data-theme=hw],[data-theme=hwdark]) select,:root:is([data-theme=hw],[data-theme=hwdark]) input[type=number],:root:is([data-theme=hw],[data-theme=hwdark]) input[type=search],:root:is([data-theme=hw],[data-theme=hwdark]) input[type=text]{background:var(--plate-lo);border:1px solid var(--plate-dark);color:var(--key-ink);box-shadow:inset 0 2px 3px #00000038;border-radius:5px}:root:is([data-theme=hw],[data-theme=hwdark]) .toolbar,:root:is([data-theme=hw],[data-theme=hwdark]) .inspector,:root:is([data-theme=hw],[data-theme=hwdark]) .insp-tools{background:linear-gradient(180deg,var(--plate-hi),var(--plate-lo));border-color:var(--plate-dark);box-shadow:inset 0 1px #ffffff38}:root:is([data-theme=hw],[data-theme=hwdark]) :is(.card,.sound-list,.pad-detail,.modal-box,.queue .qi,.demo-menu .menu){background:linear-gradient(180deg,var(--plate-hi),var(--plate-lo));border:1px solid var(--plate-dark);box-shadow:inset 0 1px #ffffff38,0 3px 10px #0003}:root:is([data-theme=hw],[data-theme=hwdark]) :is(.card,.modal-box,.pad-detail){position:relative}:root:is([data-theme=hw],[data-theme=hwdark]) :is(.card,.modal-box,.pad-detail):before{content:"";position:absolute;top:7px;left:7px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--screw-hi),var(--screw-lo));box-shadow:7px 0 0 -7px transparent;pointer-events:none}:root:is([data-theme=hw],[data-theme=hwdark]) .drop{background:var(--plate-lo);border-color:var(--plate-line);box-shadow:inset 0 2px 6px #0000002e}:root:is([data-theme=hw],[data-theme=hwdark]) .timeline-host{border:6px solid var(--plate-dark);border-radius:6px;margin:0 8px;box-shadow:inset 0 0 10px #00000080}:root:is([data-theme=hw],[data-theme=hwdark]) .democtl{background:linear-gradient(180deg,var(--plate-hi),var(--plate-lo));border-color:var(--plate-dark)}:root:is([data-theme=hw],[data-theme=hwdark]) .mx-strip{color:var(--key-ink)}:root:is([data-theme=hw],[data-theme=hwdark]) .muted{color:var(--hw-ink-2)}.hq-badge{display:inline-block;font:700 10px var(--mono);padding:1px 6px;border-radius:4px;background:var(--accent);color:#fff;letter-spacing:.04em}.hq-badge.kit{background:var(--g-b)}.hq-badge.pad{background:transparent;color:var(--accent);border:1px solid var(--accent);font-weight:600}.ep-panel.iso{width:380px;overflow:hidden}.ep-panel.iso .pn-svg{perspective:1600px;padding:30px 0 40px}.ep-panel.iso svg{transform:rotateX(52deg) rotate(-38deg) scale(.7);transform-origin:50% 50%;margin:-70px 0 -90px;filter:drop-shadow(0 2px 0 #9b9ea1) drop-shadow(0 2px 0 #8f9295) drop-shadow(0 2px 0 #83868a) drop-shadow(0 2px 0 #77797d) drop-shadow(0 2px 0 #6b6d71) drop-shadow(0 3px 0 #5f6165) drop-shadow(0 18px 18px rgba(0,0,0,.45))}.ep-panel.iso .pn-pad rect,.ep-panel.iso .pn-grp rect,.ep-panel.iso .b rect{filter:drop-shadow(0 2.5px 0 #000) drop-shadow(0 1px 0 #000)}.ep-panel.iso .knob circle{filter:drop-shadow(0 4px 0 #6b3a1a)}.ep-panel.iso .knob.y circle{filter:drop-shadow(0 4px 0 #000)}.ep-panel.iso .pn-pad.lit rect{filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 6px var(--gc));transform:translateY(1.5px)}#pn3d.on{background:var(--accent);color:#fff;border-color:var(--accent)}:root:is([data-theme=hw],[data-theme=hwdark]){--d: 5px;--side: color-mix(in srgb, var(--key-edge) 85%, #000)}:root:is([data-theme=hw],[data-theme=hwdark]) button:not(.simpad):not(.knob-ui){box-shadow:1px 1px 0 var(--key-edge),2px 2px 0 var(--key-edge),3px 3px 0 var(--side),4px 4px 0 var(--side),5px 5px 0 var(--side),6px 7px 8px #00000047;transform:translate(0);transition:transform .06s,box-shadow .06s;margin:0 var(--d) var(--d) 0}:root:is([data-theme=hw],[data-theme=hwdark]) button:not(.simpad):not(.knob-ui):active:not(:disabled){transform:translate(4px,4px);box-shadow:1px 1px 0 var(--side),2px 3px 3px #00000040}:root:is([data-theme=hw],[data-theme=hwdark]) button.primary{--side: #8f2f00;box-shadow:1px 1px #b33b00,2px 2px #b33b00,3px 3px 0 var(--side),4px 4px 0 var(--side),5px 5px 0 var(--side),6px 7px 10px #ff550059}:root:is([data-theme=hw],[data-theme=hwdark]) :is(button.on,.seg button.on,.seg2 button.on,.tabs button.on,.mx-head button.on){transform:translate(4px,4px)!important;box-shadow:1px 1px 0 var(--side),inset 0 1px 3px #0000004d!important}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs{padding:5px 9px 9px 5px}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs button{margin:0}:root:is([data-theme=hw],[data-theme=hwdark]) .seg,:root:is([data-theme=hw],[data-theme=hwdark]) .seg2{padding:4px 8px 8px 4px;gap:4px}:root:is([data-theme=hw],[data-theme=hwdark]) .seg button,:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button{background:linear-gradient(180deg,var(--key-top),var(--key-bot));border:1px solid var(--key-edge);color:var(--key-ink);margin:0}:root:is([data-theme=hw],[data-theme=hwdark]) .seg button:before,:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:1px;background:var(--plate-line)}:root:is([data-theme=hw],[data-theme=hwdark]) :is(.seg button.on,.seg2 button.on):before{background:var(--accent);box-shadow:0 0 6px var(--accent)}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]){position:relative;padding:4px 10px 4px 22px;border-radius:6px;cursor:pointer;user-select:none;background:linear-gradient(180deg,var(--key-top),var(--key-bot));border:1px solid var(--key-edge);color:var(--key-ink);box-shadow:1px 1px 0 var(--key-edge),2px 2px 0 var(--key-edge),3px 3px 0 var(--side),4px 4px 0 var(--side),5px 5px 0 var(--side),6px 7px 8px #00000040;margin:0 var(--d) var(--d) 0;transition:transform .06s,box-shadow .06s}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox])>input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]):before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--plate-line)}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]:checked){transform:translate(4px,4px);box-shadow:1px 1px 0 var(--side),inset 0 1px 3px #0000004d}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]:checked):before{background:var(--accent);box-shadow:0 0 7px var(--accent)}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]:disabled){opacity:.45}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]:focus-visible){outline:2px solid var(--accent);outline-offset:2px}:root:is([data-theme=hw],[data-theme=hwdark]) .pad{box-shadow:1px 1px 0 var(--key-edge),2px 2px 0 var(--key-edge),3px 3px 0 var(--side),4px 4px 0 var(--side),5px 5px 0 var(--side),6px 8px 10px #281e0a4d;margin:0 5px 5px 0}:root:is([data-theme=hw],[data-theme=hwdark]) .pad:active,:root:is([data-theme=hw],[data-theme=hwdark]) .pad.hit,:root:is([data-theme=hw],[data-theme=hwdark]) .pad.flash{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--side),inset 0 1px 3px #0003}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]):after{content:"OFF";margin-left:8px;padding:1px 5px;border-radius:3px;font:700 9.5px var(--mono);letter-spacing:.06em;background:var(--lcd-bg);color:#5d5f5d;box-shadow:inset 0 1px 2px #000c}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]:checked):after{content:"ON";color:var(--lcd-ink);text-shadow:0 0 6px color-mix(in srgb,var(--lcd-ink) 70%,transparent)}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2{background:none;border:none;box-shadow:none;padding:0}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button:not(.on){display:none}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button.on{min-width:76px}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button.on[data-v=device]{transform:none!important;color:var(--key-ink);box-shadow:1px 1px 0 var(--key-edge),2px 2px 0 var(--key-edge),3px 3px 0 var(--side),4px 4px 0 var(--side),5px 5px 0 var(--side),6px 7px 8px #00000047!important}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button.on[data-v=device]:before{background:var(--plate-line)!important;box-shadow:none!important}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button.on[data-v=mac]{color:var(--accent)}.lcd-strip{display:inline-flex;gap:7px;align-items:center}:root:is([data-theme=hw],[data-theme=hwdark]){--ext: 1px 1px 0 var(--key-edge), 2px 2px 0 var(--side), 3px 3px 0 var(--side), 4px 5px 6px rgba(0, 0, 0, .22);--ext-in: 1px 1px 0 var(--side), inset 0 1px 3px rgba(0, 0, 0, .28);--d: 3px}:root:is([data-theme=hw],[data-theme=hwdark]) button:not(.simpad):not(.knob-ui),:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]),:root:is([data-theme=hw],[data-theme=hwdark]) .pad{box-shadow:var(--ext);margin:0 3px 3px 0}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button.on[data-v=device]{box-shadow:var(--ext)!important}:root:is([data-theme=hw],[data-theme=hwdark]) button.primary{box-shadow:1px 1px #b33b00,2px 2px #8f2f00,3px 3px #8f2f00,4px 5px 8px #ff55004d}:root:is([data-theme=hw],[data-theme=hwdark]) button:not(.simpad):not(.knob-ui):active:not(:disabled),:root:is([data-theme=hw],[data-theme=hwdark]) .pad:active,:root:is([data-theme=hw],[data-theme=hwdark]) .pad.hit,:root:is([data-theme=hw],[data-theme=hwdark]) .pad.flash{transform:translate(2px,2px);box-shadow:var(--ext-in)}:root:is([data-theme=hw],[data-theme=hwdark]) :is(button.on,.seg button.on,.seg2 button.on[data-v=mac],.tabs button.on,.mx-head button.on),:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]:checked){transform:translate(2px,2px)!important;box-shadow:var(--ext-in)!important}:root:is([data-theme=hw],[data-theme=hwdark]) .toolbar,:root:is([data-theme=hw],[data-theme=hwdark]) .status,:root:is([data-theme=hw],[data-theme=hwdark]) .tabs{align-items:flex-start}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]){padding:4px 8px 4px 20px}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]):after{margin-left:6px}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:has(>input[type=checkbox]:focus-visible){outline:none}:root:is([data-theme=hw],[data-theme=hwdark]) button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root:is([data-theme=hw],[data-theme=hwdark]) button:focus:not(:focus-visible){outline:none}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport .sim-rec:after,:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport .sim-rec:before{display:none}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport .sim-rec{padding:0 12px}:root:is([data-theme=hw],[data-theme=hwdark]) .lcd-strip{gap:0;background:var(--lcd-bg);border:1px solid #000;border-radius:5px;padding:2px;box-shadow:inset 0 1px 4px #000000e6,0 1px #ffffff40}:root:is([data-theme=hw],[data-theme=hwdark]) .lcd-strip .pill{border:none;box-shadow:none;background:transparent;border-radius:0;padding:2px 10px}:root:is([data-theme=hw],[data-theme=hwdark]) .lcd-strip .pill+.pill{border-left:1px solid #2c2f2c}:root:is([data-theme=hw],[data-theme=hwdark]) .lcd-strip .pill.play,:root:is([data-theme=hw],[data-theme=hwdark]) .lcd-strip .pill.rec{background:transparent}:root:is([data-theme=hw],[data-theme=hwdark]) .toolbar{gap:6px}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox]){background:none!important;border:none!important;box-shadow:none!important;transform:none!important;padding:2px 4px 2px 0!important;margin:0!important;color:var(--key-ink);gap:7px}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox]):before,:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox]):after{display:none!important}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox])>input[type=checkbox]{position:static!important;opacity:1!important;pointer-events:auto!important;-webkit-appearance:none;appearance:none;flex:none;width:34px;height:18px;margin:0;border-radius:9px;cursor:pointer;position:relative!important;background:var(--plate-dark);box-shadow:inset 0 1px 3px #00000073,0 1px #ffffff4d;transition:background .15s}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox])>input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--knob-hi),var(--knob-mid) 60%,var(--knob-lo));box-shadow:0 1px 2px #00000073;transition:transform .15s}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox])>input[type=checkbox]:checked{background:linear-gradient(180deg,#ff6a1f,#f50);box-shadow:inset 0 1px 3px #00000059,0 0 8px #ff550073}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox])>input[type=checkbox]:checked:before{transform:translate(16px)}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox])>input[type=checkbox]:disabled{opacity:.45;cursor:default}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox])>input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root:is([data-theme=hw],[data-theme=hwdark]){--ctl-h: 30px}:root:is([data-theme=hw],[data-theme=hwdark]) header.top{align-items:center;gap:10px 18px;padding:10px 16px 12px}:root:is([data-theme=hw],[data-theme=hwdark]) .status{align-items:center;gap:8px;row-gap:10px}:root:is([data-theme=hw],[data-theme=hwdark]) .toolbar{align-items:center;gap:8px;row-gap:10px;padding:10px 16px 12px}:root:is([data-theme=hw],[data-theme=hwdark]) :is(button:not(.simpad):not(.knob-ui):not(.mini),select,.lcd-strip,.route-ctl .seg2 button,input[type=number],input[type=search],input[type=text]){height:var(--ctl-h);box-sizing:border-box;margin:0!important;vertical-align:middle}:root:is([data-theme=hw],[data-theme=hwdark]) button:not(.simpad):not(.knob-ui):not(.mini){display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;line-height:1}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox]){height:var(--ctl-h);display:inline-flex;align-items:center}:root:is([data-theme=hw],[data-theme=hwdark]) .seg{display:inline-flex;align-items:center;height:calc(var(--ctl-h) + 8px);padding:4px 7px 4px 4px;gap:4px}:root:is([data-theme=hw],[data-theme=hwdark]) .seg button{height:calc(var(--ctl-h) - 2px)}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs{display:inline-flex;align-items:center;padding:5px 8px 7px 5px;gap:6px}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs button{height:30px;padding:0 14px 0 22px}:root:is([data-theme=hw],[data-theme=hwdark]) .route{gap:6px}:root:is([data-theme=hw],[data-theme=hwdark]) .route b{display:inline-flex;align-items:center;gap:4px}:root:is([data-theme=hw],[data-theme=hwdark]) .route-ctl{gap:14px}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport{height:calc(var(--ctl-h) + 8px);padding:4px 10px 4px 6px;gap:8px;align-items:center}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport :is(button,.sim-rec){height:28px!important;margin:0!important}:root:is([data-theme=hw],[data-theme=hwdark]) .lcd-strip{align-items:stretch}:root:is([data-theme=hw],[data-theme=hwdark]) .lcd-strip .pill{display:inline-flex;align-items:center}:root:is([data-theme=hw],[data-theme=hwdark]) #liveInfo{min-width:90px}:root:is([data-theme=hw],[data-theme=hwdark]) .democtl{align-items:center;gap:8px;padding:10px 16px}:root:is([data-theme=hw],[data-theme=hwdark]) .democtl .simpad{height:30px;min-width:30px}:root:is([data-theme=hw],[data-theme=hwdark]) .toolbar>.seg,:root:is([data-theme=hw],[data-theme=hwdark]) .toolbar>.pe-bar{margin-right:8px!important}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox])>input[type=checkbox]:focus:not(:focus-visible){outline:none}:root:is([data-theme=hw],[data-theme=hwdark]) label.chk:not(.sim-rec):has(>input[type=checkbox])>input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent),inset 0 1px 3px #00000073}:root:is([data-theme=hw],[data-theme=hwdark]) .tabs button:not(.simpad):not(.knob-ui):not(.mini){padding:0 14px 0 24px;justify-content:flex-start}:root:is([data-theme=hw],[data-theme=hwdark]) .seg button:not(.simpad):not(.knob-ui):not(.mini){padding:0 12px}:root:is([data-theme=hw],[data-theme=hwdark]) .seg2 button:not(.on):not(.simpad):not(.knob-ui):not(.mini){display:none}.bpm-box{display:inline-flex;align-items:center;gap:6px}#bpm.editable{cursor:text;border-bottom:1px dotted currentColor;padding-bottom:1px}#bpm.editable:hover{filter:brightness(1.35)}#bpm.pending{animation:bpmPending .5s ease-in-out infinite alternate}@keyframes bpmPending{to{opacity:.45}}.bpm-step{display:inline-flex;flex-direction:column;gap:1px}.bpm-step button{font-size:7px;line-height:1;padding:1px 4px;height:auto!important;min-height:0;border-radius:2px}.bpm-edit{width:58px;font:inherit;padding:0 3px}:root:is([data-theme=hw],[data-theme=hwdark]) .bpm-step button:not(.simpad):not(.knob-ui):not(.mini){height:11px!important;padding:0 4px;background:#2a2d2a;border:1px solid #000;color:var(--lcd-ink);box-shadow:none!important;transform:none!important;font-size:7px}:root:is([data-theme=hw],[data-theme=hwdark]) .bpm-step button:hover{background:#3a3e3a}:root:is([data-theme=hw],[data-theme=hwdark]) .bpm-step button:active{background:var(--lcd-ink);color:#000}:root:is([data-theme=hw],[data-theme=hwdark]) .bpm-edit{height:20px!important;background:#000!important;color:var(--lcd-ink)!important;border:1px solid var(--lcd-ink)!important;box-shadow:none!important;font-family:var(--mono)}.ic{display:inline-block;width:15px;height:15px;flex:none;vertical-align:-2px;background:currentColor;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat}.ic-drum{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%228%22%20rx%3D%228%22%20ry%3D%223%22/%3E%3Cpath%20d%3D%22M4%208v8c0%201.7%203.6%203%208%203s8-1.3%208-3V8%22/%3E%3Cpath%20d%3D%22M8%2014l3%205M16%2014l-3%205%22/%3E%3C/svg%3E)}.ic-keys{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M7%206v7M12%206v7M17%206v7%22/%3E%3Cpath%20d%3D%22M7%2013v5M12%2013v5M17%2013v5%22/%3E%3C/svg%3E)}.ic-flask{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6M10%203v6l-5%209a2%202%200%200%200%202%203h10a2%202%200%200%200%202-3l-5-9V3%22/%3E%3Cpath%20d%3D%22M7%2015h10%22/%3E%3C/svg%3E)}.ic-bug{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%228%22%20height%3D%2214%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M9%207l-2-3M15%207l2-3M3%2013h5M16%2013h5M4%2019l4-2M20%2019l-4-2M4%208l4%202M20%208l-4%202%22/%3E%3C/svg%3E)}.ic-help{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M9.5%209.5a2.5%202.5%200%200%201%205%200c0%201.6-2.5%202-2.5%204%22/%3E%3Cpath%20d%3D%22M12%2017h.01%22/%3E%3C/svg%3E)}.ic-panel{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2220%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%206h8%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2211%22%20r%3D%22.6%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%22.6%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2211%22%20r%3D%22.6%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2214.5%22%20r%3D%22.6%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214.5%22%20r%3D%22.6%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2214.5%22%20r%3D%22.6%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2218%22%20r%3D%22.6%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2218%22%20r%3D%22.6%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2218%22%20r%3D%22.6%22/%3E%3C/svg%3E)}.ic-pencil{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020l4-1%2011-11-3-3L5%2016l-1%204z%22/%3E%3Cpath%20d%3D%22M14%206l3%203%22/%3E%3C/svg%3E)}.ic-key{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M11%2012l9-9M17%206l3%203M15%208l2%202%22/%3E%3C/svg%3E)}.ic-play{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%204.5v15a1%201%200%200%200%201.5.9l12-7.5a1%201%200%200%200%200-1.8l-12-7.5A1%201%200%200%200%207%204.5z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E)}.ic-stop{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%221.5%22%20fill%3D%22%23000%22/%3E%3C/svg%3E)}.ic-rec{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226.5%22%20fill%3D%22%23000%22/%3E%3C/svg%3E)}.ic-song{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018V6l11-2v12%22/%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3C/svg%3E)}.ic-download{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12M7%2010l5%205%205-5%22/%3E%3Cpath%20d%3D%22M4%2021h16%22/%3E%3C/svg%3E)}.ic-refresh{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2011a8%208%200%201%200-2.3%205.7%22/%3E%3Cpath%20d%3D%22M20%204v7h-7%22/%3E%3C/svg%3E)}.ic-sliders{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203v18M12%203v18M18%203v18%22/%3E%3Crect%20x%3D%224%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%223%22%20fill%3D%22%23000%22/%3E%3Crect%20x%3D%2210%22%20y%3D%226%22%20width%3D%224%22%20height%3D%223%22%20fill%3D%22%23000%22/%3E%3Crect%20x%3D%2216%22%20y%3D%2215%22%20width%3D%224%22%20height%3D%223%22%20fill%3D%22%23000%22/%3E%3C/svg%3E)}.ic-guitar{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2010l7-7M18%203l3%203%22/%3E%3Cpath%20d%3D%22M11%209c-2-1-5%200-6%202-1.5%203%201%203-1%205s0%205%203%205%203-2%205-3%203%200%204-2-1-5-3-6%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2215%22%20r%3D%221.5%22/%3E%3C/svg%3E)}.ic-layers{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l9%205-9%205-9-5%209-5z%22/%3E%3Cpath%20d%3D%22M3%2013l9%205%209-5%22/%3E%3C/svg%3E)}.ic-capture{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207V5a1%201%200%200%201%201-1h2M17%204h2a1%201%200%200%201%201%201v2M20%2017v2a1%201%200%200%201-1%201h-2M7%2020H5a1%201%200%200%201-1-1v-2%22/%3E%3Cpath%20d%3D%22M8%2012h2l1.5-3%203%206%201.5-3h1%22/%3E%3C/svg%3E)}.ic-folder{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207a2%202%200%200%201%202-2h4l2%202h8a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7z%22/%3E%3C/svg%3E)}.ic-plug{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%202v5M15%202v5%22/%3E%3Cpath%20d%3D%22M6%207h12v4a6%206%200%200%201-12%200V7z%22/%3E%3Cpath%20d%3D%22M12%2017v5%22/%3E%3C/svg%3E)}.ic-fit{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H5a2%202%200%200%200-2%202v3M21%208V5a2%202%200%200%200-2-2h-3M3%2016v3a2%202%200%200%200%202%202h3M16%2021h3a2%202%200%200%200%202-2v-3%22/%3E%3C/svg%3E)}.hgrp{display:contents}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp{display:inline-flex;align-items:center;gap:8px;position:relative;padding:15px 9px 7px;border-radius:8px;background:color-mix(in srgb,var(--plate-dark) 35%,transparent);box-shadow:inset 0 1px 2px #0000002e,0 1px #ffffff47}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp:before{content:attr(data-label);position:absolute;left:10px;top:2px;font:700 8.5px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--hw-ink-2);pointer-events:none}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp:not(:has(>:not([hidden]):not(.hgrp-skip))){display:none}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp .sim-transport{background:none;box-shadow:none;padding:0;height:auto}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp .route-ctl{gap:12px}:root:is([data-theme=hw],[data-theme=hwdark]) .status{gap:10px}.ic+.ic{margin-left:2px}button .ic{margin-right:1px}#helpBtn,#panelBtn,#testBtn{min-width:32px}:root:is([data-theme=hw],[data-theme=hwdark]) .timeline-host{border:4px solid var(--plate-dark);border-radius:8px;margin:8px 12px;box-shadow:inset 0 1px 4px #00000040,0 1px #ffffff4d}:root:is([data-theme=hw],[data-theme=hwdark]) header.top{padding-top:16px}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp{display:inline-flex;align-items:center;gap:6px;position:relative;padding:0 0 0 12px;background:none;box-shadow:none;border-radius:0;border-left:1px solid var(--plate-line)}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp:first-child{border-left:none;padding-left:0}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp:before{left:12px;top:-13px;font-size:8px;letter-spacing:.14em}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp:first-child:before{left:0}:root:is([data-theme=hw],[data-theme=hwdark]) .status{gap:12px}:root:is([data-theme=hw],[data-theme=hwdark]) .hgrp .route-ctl{gap:10px}:root:is([data-theme=hw],[data-theme=hwdark]) .route b{font-size:11.5px}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport label.chk.sim-rec{border-radius:99px!important;padding:0 12px!important;gap:5px}:root:is([data-theme=hw],[data-theme=hwdark]) .sim-transport label.chk.sim-rec>input{display:none!important}.status-main{flex-basis:100%;margin-left:0;justify-content:flex-start}:root:is([data-theme=hw],[data-theme=hwdark]) .status{row-gap:20px}:root:is([data-theme=hw],[data-theme=hwdark]) .status-top{margin-left:auto}:root:is([data-theme=hw],[data-theme=hwdark]) .status-main{padding-top:4px}:root:is([data-theme=hw],[data-theme=hwdark]) header.top{row-gap:18px}.banner{display:flex;align-items:center;gap:10px}.banner-text{flex:1;min-width:0}.banner-x{flex:none;padding:0 9px;font-size:16px;line-height:1}:root:is([data-theme=hw],[data-theme=hwdark]) .banner{background:linear-gradient(180deg,var(--plate-hi),var(--plate-lo));color:var(--key-ink);border-bottom:1px solid var(--plate-dark);border-left:5px solid #d63333;padding:8px 16px;font-size:12.5px;box-shadow:inset 0 1px #ffffff40}:root:is([data-theme=hw],[data-theme=hwdark]) .banner.info{background:linear-gradient(180deg,var(--plate-hi),var(--plate-lo));color:var(--key-ink);border-color:var(--plate-dark);border-left-color:var(--accent)}:root:is([data-theme=hw],[data-theme=hwdark]) .banner button:not(.banner-x){height:26px}:root:is([data-theme=hw],[data-theme=hwdark]) .banner-x:not(.simpad):not(.knob-ui):not(.mini){height:24px;min-width:24px;padding:0 6px}.mirror-files{margin:10px 0;display:grid;gap:6px}.mf-row{display:flex;align-items:center;gap:10px;justify-content:space-between;font-family:var(--mono);font-size:12px}.cp-acts{text-align:right;white-space:nowrap}.cp-acts button+button{margin-left:6px!important}#checkpoints td{vertical-align:middle}#checkpoints td:first-child{white-space:nowrap}.empty-state{display:flex;align-items:center;justify-content:center;gap:56px;text-align:left;padding:48px 32px;flex-wrap:wrap}.es-art{width:300px;flex:none;transform:perspective(1400px) rotateX(24deg) rotate(-8deg);filter:drop-shadow(0 18px 24px rgba(0,0,0,.3))}.es-art svg{width:100%;display:block}.es-art svg text{font:600 9px var(--font);fill:#222;text-anchor:middle}.es-art .body{fill:#d1d3d4;stroke:#231f20;stroke-width:2}.es-art .label{fill:#e6e4de}.es-art .lcd{fill:#0c0c0e}.es-art .grille circle{fill:#3a3a3e}.es-art .logo{font:400 30px var(--font);text-anchor:start}.es-art .logo-sub{font-size:9px;text-anchor:start}.es-art .conn text{font-size:7px;fill:#555}.es-art .cap{font-size:8px;fill:#444}.es-art .knob circle{fill:#f50;stroke:#231f20}.es-art .knob.y circle{fill:#231f20}.es-art .knob line{stroke:#fff;stroke-width:3}.es-art .vol circle{fill:#eceae6;stroke:#555}.es-art .b rect{fill:#eceae6;stroke:#777}.es-art .b.k rect,.es-art .b.o rect{fill:#231f20}.es-art .b.k text,.es-art .b.o text{fill:#fff}.es-art .b.g rect,.es-art .b.play rect{fill:#8f949a}.es-art .b.rec rect{fill:#f50}.es-art .b .sub{font-size:7px}.es-art .track{stroke:#231f20;stroke-width:5}.es-art .fknob{fill:#b9bcc0;stroke:#231f20}.es-art .pn-grp rect{fill:#b3b7bb;stroke:#666}.es-art .pn-grp text{text-anchor:start;font-size:11px;fill:#fff}.es-art .pn-pad rect{fill:#1e1e21}.es-art .pn-pad text{text-anchor:start;font-size:11px;fill:#eee}.es-art .pn-pad .led{fill:#444}.es-art .param{font-size:6.5px;text-anchor:start}.es-text{max-width:460px}.es-text h2{margin:0 0 14px;font-size:26px}.es-steps{margin:0 0 22px;padding-left:22px;line-height:1.8;color:var(--text-2)}.es-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.es-actions .primary{font-size:15px;padding:0 18px;height:40px!important}.es-demo{color:var(--accent);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}#tab-timeline:has(#emptyState)>.toolbar{display:none}:root:is([data-theme=hw],[data-theme=hwdark]) .toolbar:has(.hgrp){padding-top:22px;row-gap:22px}:root:is([data-theme=hw],[data-theme=hwdark]) .toolbar .hgrp:before{top:-15px}:root:is([data-theme=hw],[data-theme=hwdark]) #liveInfo{flex:1 1 0}:root:is([data-theme=hw],[data-theme=hwdark]) .demo-menu .menu button:not(.simpad):not(.knob-ui):not(.mini){height:auto!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding:8px 12px;text-align:left;background:transparent;border:1px solid transparent;box-shadow:none;transform:none;line-height:1.3}:root:is([data-theme=hw],[data-theme=hwdark]) .demo-menu .menu button:hover{background:var(--plate-hi);border-color:var(--plate-line)}:root:is([data-theme=hw],[data-theme=hwdark]) .demo-menu .menu small{color:var(--hw-ink-2)}.ic-pause{--i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%224%22%20height%3D%2214%22%20rx%3D%221%22%20fill%3D%22%23000%22/%3E%3Crect%20x%3D%2214%22%20y%3D%225%22%20width%3D%224%22%20height%3D%2214%22%20rx%3D%221%22%20fill%3D%22%23000%22/%3E%3C/svg%3E)}.hq-key{font-weight:700;letter-spacing:.04em}.hq-key.on{color:var(--accent)}:root:is([data-theme=hw],[data-theme=hwdark]) .hq-key:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:var(--plate-line)}:root:is([data-theme=hw],[data-theme=hwdark]) .hq-key.on:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}.tr-empty{max-width:760px;margin:28px auto;padding:0 20px}.tr-empty h2{font-size:20px;margin:0 0 10px}.tr-empty .es-steps{line-height:1.6}.tr-song{border-top:1px solid var(--line)}.tr-song input[type=number]{width:74px}.tr-tracks{padding:6px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.tr-table{width:100%;border-collapse:collapse}.tr-table td,.tr-table th{padding:5px 8px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}.tr-table th{font-size:11px;color:var(--muted);font-weight:600}.tr-table tr.muted td{opacity:.5}.tr-sw{display:inline-block;width:12px;height:12px;border-radius:3px}.tr-roll{position:relative;height:380px;overflow-x:auto;overflow-y:hidden;background:var(--cv-bg);border-bottom:1px solid var(--line)}.tr-roll canvas{position:sticky;left:0;display:block;cursor:crosshair}.tr-spacer{height:1px;margin-top:-1px}.tr-score-bar{border-top:1px solid var(--line)}.tr-score{background:#fff;color:#111;min-height:240px;max-height:70vh;overflow:auto;margin:0 16px 24px;border-radius:var(--r);border:1px solid var(--line)}.tr-score,#trScore{position:relative}.tr-cursor{position:absolute;left:0;top:0;width:3px;margin-left:-1px;background:#f50c;pointer-events:none;z-index:2;border-radius:2px}.tr-cursor[hidden]{display:none}.tr-score .at-highlight *{fill:#f50;stroke:#f50}.modal.topads .ed-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0}.modal.topads .tp-rows{margin:8px 0}.tr-inst-box{margin:0 16px 8px}.tr-inst-bar{padding-left:0}.tr-now{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin:8px 0}.tr-card{background:#fff;color:#111;border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:4px 14px;align-items:center}.tr-card.empty{display:block;min-height:60px}.tr-card-h{grid-column:1 / -1;font-size:15px}.tr-card.big .tr-card-h b{font-size:26px}.tr-card.cur{outline:2px solid #ff5500}.tr-card-g{position:relative;cursor:pointer}.tr-card-n{position:absolute;right:-2px;bottom:0;font-size:10px;color:#888}.tr-card-p{cursor:pointer;align-self:center}.tr-box{width:92px;height:112px;display:block}.tr-card.big .tr-box{width:120px;height:146px}.tr-box line.str{stroke:#333;stroke-width:1}.tr-box line.fret{stroke:#999;stroke-width:1}.tr-box line.nut{stroke:#111;stroke-width:4}.tr-box .dot{fill:#111}.tr-box .open{fill:none;stroke:#111;stroke-width:1.4}.tr-box .mark{font:13px system-ui;fill:#666}.tr-box .fing{font:600 9px system-ui;fill:#fff}.tr-box .fr{font:10px system-ui;fill:#666}.tr-box .tr-box-none{font:11px system-ui;fill:#999}.tr-kb{display:block;width:100%;height:auto;max-height:96px}.tr-kb.mini{min-width:150px;max-width:320px}.tr-kb rect{cursor:pointer}.tr-kb .w{fill:#fdfdfb;stroke:#444;stroke-width:.6}.tr-kb .b{fill:#1b1b1b}.tr-kb .w.on,.tr-kb .b.on{fill:var(--tc, #ff5500)}.tr-kb .w.on.bass,.tr-kb .b.on.bass{fill:#4ea8ff}.tr-kb .oct{font:8px system-ui;fill:#999;pointer-events:none}.tr-inst-rows{display:grid;gap:8px}.tr-inst{background:#fff;color:#111;border:1px solid var(--line);border-radius:var(--r);padding:6px 10px 8px}.tr-inst-h{font-size:13px;margin-bottom:4px}.tr-fb{display:block;width:100%;height:auto;max-height:150px}.tr-fb .wood{fill:#f3e6cf}.tr-fb .fret{stroke:#b9a88c;stroke-width:1.5}.tr-fb .nut{stroke:#222;stroke-width:4}.tr-fb .str{stroke:#6b6b6b}.tr-fb .inlay{fill:#d8c7a6}.tr-fb .num,.tr-fb .sname{font:9px system-ui;fill:#777}.tr-fb .cell{cursor:pointer}.tr-fb .cell rect{fill:transparent}.tr-fb .cell circle,.tr-fb .cell text{opacity:0;transition:opacity .05s}.tr-fb .cell:hover circle{opacity:.25;fill:#888}.tr-fb .cell.on circle{opacity:1;fill:var(--tc, #ff5500)}.tr-fb .cell.on text{opacity:1;font:600 8px system-ui;fill:#fff;pointer-events:none}.tr-sheet{margin:10px 0}.tr-sheet summary{cursor:pointer;font-weight:600;padding:4px 0}.tr-sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-top:6px}.tr-sheet .tr-card-h{cursor:pointer}:root[data-tab=notes] header.top .status-main,:root[data-tab=notes] #epPanel,:root[data-tab=notes] #panelBtn{display:none!important}.tr-play{position:sticky;top:var(--hdr-h, 54px);z-index:4;box-shadow:0 6px 12px -10px #00000059}.tr-title{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.tr-sections{background:#fff;color:#111;border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;margin-bottom:8px}.tr-sections:empty{display:none}.tr-sec-h{margin-bottom:4px;font-size:13px}.tr-sec{display:grid;grid-template-columns:64px 110px 1fr;gap:10px;align-items:baseline;padding:3px 6px;border-radius:6px;cursor:pointer}.tr-sec:hover{background:#f3f0ea}.tr-sec.cur{background:#ffe8dc}.tr-sec-l{font-weight:700}.tr-sec-c{font:600 14px ui-monospace,monospace;white-space:pre-wrap}#trTime{display:inline-block;min-width:15ch;font-variant-numeric:tabular-nums;white-space:nowrap}