:root{--bg:#0b0f0d;--bg-elev:#0f1512;--bg-panel:#0c1210;--grid:#12211a;--border:#17352a;--border-hot:#1f5c46;--fg:#b8ffe4;--fg-dim:#5f8f7d;--fg-mute:#3c5b50;--acc:#00ff9c;--acc-2:#39ff14;--acc-cyan:#23e0d0;--acc-amber:#ffb000;--acc-red:#ff3b5c;--acc-magenta:#ff2fb0;--glow:0 0 6px #00ff9c8c;--glow-soft:0 0 2px #00ff9c59;--mono:"JetBrains Mono", "Fira Code", "SFMono-Regular", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--r:3px;--gap:.75rem}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--mono);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--acc);margin:0;padding:0;font-size:14px;line-height:1.45}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00ff9c06 1px,#0000 1px),linear-gradient(90deg,#00ff9c06 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000024 3px);position:fixed;inset:0}a{color:var(--acc-cyan);text-decoration:none}a:hover{color:var(--acc);text-shadow:var(--glow-soft)}::selection{color:#fff;background:#00ff9c40}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hot);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--acc)}.app-shell{z-index:2;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 1rem}.topbar{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--bg-elev), var(--bg));box-shadow:0 1px #00ff9c14}.topbar .row{align-items:center;gap:1rem;padding:.6rem 0;display:flex}.brand{letter-spacing:.06em;align-items:baseline;gap:.5rem;font-weight:700;display:flex}.brand .prompt{color:var(--acc);text-shadow:var(--glow)}.brand .caret{color:var(--acc-2);animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.brand small{color:var(--fg-dim);letter-spacing:0;font-weight:400}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r);position:relative}.panel>header{border-bottom:1px solid var(--border);color:var(--acc);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:11px;display:flex}.panel>header:before{content:"> ";color:var(--fg-mute)}.panel .body{padding:.7rem}.btn{box-sizing:border-box;white-space:nowrap;vertical-align:middle;min-height:1.9rem;line-height:1;font-family:var(--mono);color:var(--fg);border:1px solid var(--border-hot);border-radius:var(--r);cursor:pointer;letter-spacing:.04em;background:#0a130f;justify-content:center;align-items:center;padding:.4rem .7rem;font-size:12px;transition:box-shadow .15s,border-color .15s,color .15s;display:inline-flex}.btn.tiny{gap:.3rem;min-height:1.6rem;padding:.25rem .55rem;font-size:11px}.btn:hover{color:var(--acc);border-color:var(--acc);box-shadow:var(--glow-soft)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{color:#04120c;background:var(--acc);border-color:var(--acc);font-weight:700}.btn.primary:hover{box-shadow:var(--glow);color:#000}.btn.ghost{border-color:var(--border);background:0 0}.btn.danger{color:var(--acc-red);border-color:var(--acc-red)}.btn.danger:hover{color:#fff;border-color:var(--acc-red);box-shadow:0 0 6px #ff3b5c8c}.dot{background:var(--fg-mute);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:var(--acc);box-shadow:var(--glow)}.dot.warn{background:var(--acc-amber)}.dot.err{background:var(--acc-red)}.pill{border:1px solid var(--border);color:var(--fg-dim);border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .55rem;font-size:11px;display:inline-flex}label.field{gap:.25rem;margin-bottom:.55rem;display:grid}label.field>.lbl{color:var(--fg-dim);letter-spacing:.04em;font-size:11px}select,input[type=number],input[type=text],input[type=search]{font-family:var(--mono);color:var(--fg);border:1px solid var(--border-hot);border-radius:var(--r);background:#08100c;width:100%;padding:.35rem .5rem;font-size:12px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--acc) 50%), linear-gradient(135deg, var(--acc) 50%, transparent 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:1.6rem}select option{background:var(--bg-elev);color:var(--fg)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}select:focus,input:focus{border-color:var(--acc);box-shadow:var(--glow-soft);outline:none}.toggle{appearance:none;font:inherit;color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:#0a130f;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .6rem .25rem .3rem;transition:border-color .15s,box-shadow .15s;display:inline-flex}.toggle:hover{border-color:var(--border-hot)}.toggle.on{border-color:var(--acc);box-shadow:var(--glow-soft)}.toggle:focus-visible{border-color:var(--acc);box-shadow:var(--glow-soft);outline:none}.toggle .track{border:1px solid var(--border-hot);background:#08100c;border-radius:999px;flex-shrink:0;width:34px;height:18px;transition:border-color .15s;position:relative}.toggle .knob{background:var(--fg-mute);border-radius:50%;width:14px;height:14px;transition:left .15s,background .15s;position:absolute;top:1px;left:1px}.toggle.on .track{border-color:var(--acc)}.toggle.on .knob{background:var(--acc);box-shadow:var(--glow);left:17px}.toggle.on .tiny{color:var(--acc)}.toggle:disabled{opacity:.45;cursor:not-allowed}select:focus-visible,input:focus-visible,.radio-group button:focus-visible,.btn:focus-visible{border-color:var(--acc);box-shadow:var(--glow-soft);outline:none}.radio-group{border:1px solid var(--border-hot);border-radius:var(--r);display:inline-flex;overflow:hidden}.radio-group button{font-family:var(--mono);color:var(--fg-dim);border:none;border-right:1px solid var(--border);cursor:pointer;background:#08100c;padding:.3rem .6rem;font-size:11px}.radio-group button:last-child{border-right:none}.radio-group button.sel{background:var(--acc);color:#04120c;font-weight:700}.mono-table{border-collapse:collapse;width:100%;font-size:12px}.mono-table th,.mono-table td{text-align:left;border-bottom:1px solid var(--border);padding:.3rem .5rem}.mono-table th{color:var(--acc);letter-spacing:.06em;font-weight:600}.hidden{display:none!important}.tab-content:focus{outline:none}.wheelable{cursor:ns-resize}.wheelable select,.wheelable input{cursor:inherit}.radio-group.wheelable button,.toggle.wheelable{cursor:ns-resize}.field select:hover,.field input:hover{border-color:var(--border-hot)}.muted{color:var(--fg-dim)}.dim{color:var(--fg-mute)}.hot{color:var(--acc);text-shadow:var(--glow-soft)}.amber{color:var(--acc-amber)}.red{color:var(--acc-red)}.grid{gap:var(--gap);display:grid}.flex{gap:var(--gap);align-items:center;display:flex}.wrap{flex-wrap:wrap}.spacer{flex:1}.tiny{font-size:11px}.stack>*+*{margin-top:var(--gap)}.scroll{overflow:auto}.seq-grid{border-collapse:separate;border-spacing:2px}.seq-grid th.step-head{color:var(--fg-mute);min-width:22px;padding:0 2px;font-size:10px}.seq-grid th.step-head.beat{color:var(--fg-dim)}.seq-grid th.step-head.ph{color:var(--acc);text-shadow:var(--glow)}.seq-grid td.row-label{white-space:nowrap;color:var(--fg-dim);text-align:right;padding-right:.5rem}.seq-grid td.cell{border:1px solid var(--border);cursor:pointer;background:#0a130f;border-radius:2px;width:24px;height:24px;transition:background 80ms,box-shadow 80ms}.seq-grid td.cell.sm{height:14px}.seq-grid td.cell.beat{border-color:var(--border-hot)}.seq-grid td.cell:hover{border-color:var(--acc)}.seq-grid td.cell.on{background:var(--acc);box-shadow:var(--glow-soft)}.seq-grid td.cell.on.amber{background:var(--acc-amber)}.seq-grid td.cell.ph{outline:1px solid var(--acc-cyan)}.seq-grid td.cell{position:relative;overflow:hidden}.seq-grid td.cell .vel-bar{pointer-events:none;background:#04120c8c;width:100%;position:absolute;bottom:0;left:0}.seq-grid td.cell.edit{outline:2px solid var(--acc-cyan);outline-offset:-2px}.ratchet-badge{color:#04120c;font-size:8px;font-weight:700;line-height:1;position:absolute;top:0;right:1px}.slide-badge{color:#04120c;font-size:11px;font-weight:700;position:absolute;bottom:-2px;right:1px}.seq-grid td.note-cell{text-align:center}.seq-grid td.note-cell input{text-align:center;width:34px;padding:.15rem;font-size:10px}.seq-grid td.note-cell .note-name{display:block}.seq-grid td.row-label .mute{border:1px solid var(--border);color:var(--acc);cursor:pointer;background:0 0;border-radius:2px;width:16px;height:16px;margin-right:3px;font-size:9px}.seq-grid td.row-label .mute.muted{color:var(--acc-red);border-color:var(--acc-red)}.seq-grid th.step-head.click,.seq-grid .note-name.click{cursor:pointer}.seq-grid th.step-head.click:hover,.seq-grid .note-name.click:hover,.seq-grid th.step-head.edit{color:var(--acc-cyan)}.seq-grid td.note-cell.edit input{border-color:var(--acc-cyan)}.seq-grid td.cell.ghost{opacity:.35;background:0 0}.swing-grid{max-height:56vh}.swing-grid thead th{background:var(--bg-panel);z-index:2;position:sticky;top:0}.swing-grid td.row-label{background:var(--bg-panel);z-index:1;position:sticky;left:0}.swing-grid thead th:first-child{z-index:3;left:0}.seq-grid td.cell.flag{height:16px}.seq-grid tr.pwa-only td.cell{border-color:#e8a33d8c}.seq-grid tr.pwa-only td.row-label,.pwa-only-lbl{color:var(--acc-amber)}.btn.pwa-only-btn{border-color:#e8a33d8c}.legend-swatch{border:1px solid var(--acc-amber);vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.seq-grid td.cell.flag .flag-dot{color:#04120c;pointer-events:none;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;inset:0}.seq-transport{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel);align-items:flex-end;gap:.5rem;padding:.5rem}.icon-btn{align-items:center;gap:.35rem;display:inline-flex}.dir-group,.rec-bar .flex{align-items:center}.dir-group{border:1px solid var(--border-hot);border-radius:var(--r);display:inline-flex;overflow:hidden}.dir-group .icon-btn{border:none;border-right:1px solid var(--border);color:var(--fg-dim);cursor:pointer;background:#08100c;padding:.35rem .5rem}.dir-group .icon-btn:last-child{border-right:none}.dir-group .icon-btn.sel{background:var(--acc);color:#04120c}.knob-field{gap:.2rem;width:120px;display:grid}.knob-field .lbl{color:var(--fg-dim);align-items:center;gap:.25rem;font-size:10px;display:flex}.knob-field input[type=range]{width:100%;accent-color:var(--acc)}.seq-div{background:var(--border);align-self:stretch;width:1px;margin:0 .2rem}.seq-slot{align-items:center;gap:.25rem;display:inline-flex}.seq-slot .lbl{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.04em}.seq-slot .slot-num{text-align:center;min-width:2.6rem;color:var(--acc);font-variant-numeric:tabular-nums}.seq-slot .icon-btn{border:1px solid var(--border);cursor:pointer;color:var(--acc);background:#08100c;border-radius:2px;padding:.15rem .3rem}.seq-slot .icon-btn:disabled{opacity:.35;cursor:not-allowed}.device-app-hdr{text-transform:uppercase;letter-spacing:.06em;background:var(--bg-panel);z-index:1;border-bottom:1px solid var(--border);padding:.4rem .2rem .2rem;position:sticky;top:0}.btn.rec-on{color:var(--acc-red);border-color:var(--acc-red);animation:1s infinite recpulse}@keyframes recpulse{50%{box-shadow:0 0 8px #ff3b5cb3}}.rec-bar{border-color:var(--acc-red)}.rec-live{color:var(--acc-red);border-color:var(--acc-red)}.inspector{border-color:var(--acc-cyan)}.help-fab{z-index:950;background:var(--acc);color:#04120c;width:42px;height:42px;font-family:var(--mono);cursor:pointer;box-shadow:var(--glow);border:none;border-radius:50%;font-size:20px;font-weight:800;transition:transform .12s;position:fixed;bottom:52px;right:16px}.help-fab:hover{transform:scale(1.08)}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020604b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{width:min(760px,96vw);max-height:88vh;overflow:auto;box-shadow:0 0 40px #00ff9c26}.modal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem 1.2rem;display:grid}.hk-group{break-inside:avoid}.hk-seg{letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:.4rem 0 .3rem;font-size:11px}.hk-row{border-bottom:1px dotted #17352a80;justify-content:space-between;align-items:center;gap:.6rem;padding:.15rem 0;display:flex}.hk-keys{flex-shrink:0;align-items:center;gap:.2rem;display:inline-flex}.hk-sep{color:var(--fg-mute);font-size:10px}.hk-label{color:var(--fg-dim);text-align:right;font-size:12px}kbd{font-family:var(--mono);color:var(--acc);border:1px solid var(--border-hot);text-align:center;background:#08100c;border-bottom-width:2px;border-radius:3px;min-width:1.1rem;padding:.05rem .35rem;font-size:11px;display:inline-block}.legend{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel);margin:.6rem 0 1rem}.legend>summary{cursor:pointer;color:var(--acc);letter-spacing:.06em;-webkit-user-select:none;user-select:none;padding:.5rem .7rem;font-size:12px}.legend>summary:hover{text-shadow:var(--glow-soft)}.legend-body{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.4rem 1.4rem;padding:.3rem .9rem .8rem;display:grid}.fw-banner{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel);border-left-width:3px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.fw-banner .fw-cmp{letter-spacing:.06em;font-weight:700}.fw-banner.up-to-date,.fw-banner.ahead{border-left-color:var(--acc)}.fw-banner.update-available{border-left-color:var(--acc-amber)}.fw-banner.unknown{border-left-color:var(--fg-mute)}.fw-versions-wrap{border:1px solid var(--border);border-radius:var(--r);max-height:220px;overflow-y:auto}.fw-versions{margin:0}.fw-versions thead th{background:var(--bg-elev);z-index:1;position:sticky;top:0}.fw-versions td,.fw-versions th{vertical-align:middle}.fw-btn{text-align:center;justify-content:center;min-width:6rem}.device-hero img.zoomable{cursor:zoom-in}.img-modal-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.img-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r);width:min(1100px,96vw);height:min(820px,92vh);box-shadow:var(--glow-soft);flex-direction:column;display:flex;overflow:hidden}.img-modal-bar{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:.4rem;padding:.5rem .7rem;display:flex}.img-modal-bar .spacer{flex:1}.img-modal-stage{touch-action:none;background:repeating-conic-gradient(#0e1613 0% 25%,#0b100e 0% 50%) 50%/24px 24px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.img-modal-stage img{will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.seq-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r);width:min(1200px,97vw);height:min(800px,92vh);box-shadow:var(--glow-soft);flex-direction:column;display:flex;overflow:hidden}.seq-modal-bar{flex-wrap:wrap}.seq-modal-recbar{border-top:1px solid var(--border);background:var(--bg-elev)}.seq-modal-stage{flex:1;overflow:auto}.piano-roll{border-collapse:collapse;width:100%}.piano-roll tr.blk{background:#0a0f0d}.piano-roll td{border:1px solid #10201a;height:15px;padding:0}.piano-roll .pr-key{z-index:1;text-align:right;width:48px;min-width:48px;color:var(--fg-dim);background:var(--bg-elev);padding-right:5px;position:sticky;left:0}.piano-roll .pr-cell{cursor:pointer;min-width:18px}.piano-roll .pr-cell.beat{border-left-color:var(--border)}.piano-roll .pr-cell.ph{background:#00ff9c1f}.piano-roll .pr-cell.on{background:var(--acc);box-shadow:var(--glow-soft)}.piano-roll.drawing{-webkit-user-select:none;user-select:none}.piano-roll.drawing .pr-cell{cursor:crosshair}.midi-activity{color:var(--fg-mute);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .5rem;display:inline-flex}.midi-activity .led{background:var(--fg-mute);border-radius:50%;width:8px;height:8px;transition:background 50ms}.midi-activity.lit{color:var(--acc);border-color:var(--acc)}.midi-activity.lit .led{background:var(--acc);box-shadow:var(--glow)}.midi-activity .note-readout{color:var(--acc-cyan);text-align:center;min-width:26px;font-weight:700}.social{gap:.4rem}.social-link{color:var(--fg-dim);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:11px;transition:color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.social-link:hover{color:var(--acc);border-color:var(--acc);box-shadow:var(--glow-soft)}.social-link.coffee:hover{color:var(--acc-amber);border-color:var(--acc-amber)}.social-link.install{color:#04120c;background:var(--acc);border-color:var(--acc);font-weight:700}.social-link.install:hover{color:#000;box-shadow:var(--glow)}.dev-row,.dev-card,.gallery-card{text-decoration:none}.mono-table td.hot a{color:inherit}.mono-table td.hot a:hover{text-decoration:underline}.dev-row{text-align:left;width:100%;color:var(--fg-dim);font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-left-width:2px;border-radius:2px;align-items:center;gap:.5rem;padding:.3rem .4rem;font-size:12px;display:flex}.dev-row:hover{color:var(--fg);background:#0a130f}.dev-row.sel{border-left-color:var(--acc);color:var(--acc);text-shadow:var(--glow-soft);background:#0a1a13}.dev-row .name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dev-row .tags,.dev-row .via{color:var(--fg-mute);align-items:center;gap:.3rem;display:flex}.dev-row.online .name{color:var(--acc)}.dev-row.is-online .name:after{content:" *";color:var(--acc);vertical-align:middle;font-size:8px}.hr{background:var(--border);height:1px;margin:.5rem 0}.dev-thumb{object-fit:cover;border:1px solid var(--border);filter:saturate(.85)contrast(1.05);border-radius:2px;flex-shrink:0;width:34px;height:22px}.online-grid{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.5rem;display:grid}.dev-card{border:1px solid var(--border);border-radius:var(--r);text-align:center;font-family:var(--mono);background:#0a130f;flex-direction:column;align-items:stretch;gap:.3rem;padding:.3rem;transition:border-color .15s,box-shadow .15s;display:flex}.dev-card-link{color:inherit;cursor:pointer;flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.dev-card-disc{justify-content:center;width:100%;margin-top:auto}.dev-card:hover{border-color:var(--border-hot)}.dev-card.sel{border-color:var(--acc);box-shadow:var(--glow-soft)}.dev-card-media{width:100%;position:relative}.dev-card-media img{object-fit:cover;border:1px solid var(--border);border-radius:2px;width:100%;height:60px;display:block}.dev-card-noimg{height:60px;color:var(--fg-mute);border:1px dashed var(--border);border-radius:2px;justify-content:center;align-items:center;font-size:10px;display:flex}.dev-card-media .live-dot{border:1px solid var(--bg);width:9px;height:9px;position:absolute;top:4px;right:4px}.dev-card-name{color:var(--acc);word-break:break-word;font-size:12px;font-weight:600;line-height:1.2}.dev-card-via{color:var(--fg-mute)}.dev-row:hover .dev-thumb,.dev-row.sel .dev-thumb{border-color:var(--acc);box-shadow:var(--glow-soft)}.device-hero{border:1px solid var(--border);border-radius:var(--r);background:#000;width:100%;height:clamp(150px,26vw,260px);position:relative;overflow:hidden}.device-hero img{object-fit:contain;width:100%;height:100%;display:block}.device-hero .scan{pointer-events:none;background:linear-gradient(#00ff9c0a,#0000 40%),repeating-linear-gradient(0deg,#0000 0 2px,#0000001f 3px);position:absolute;inset:0}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin-top:1rem;display:grid}.gallery-card{border:1px solid var(--border);border-radius:var(--r);cursor:pointer;text-align:left;background:#000;padding:0;transition:border-color .15s,box-shadow .15s,transform .1s;overflow:hidden}.gallery-card:hover{border-color:var(--acc);box-shadow:var(--glow-soft);transform:translateY(-2px)}.gallery-card img{object-fit:contain;object-position:center;filter:saturate(.9);background:#000;width:100%;height:120px;display:block}.gallery-card .cap{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.3rem;padding:.3rem .45rem;display:flex}.gallery-card .cap .name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.log-line{white-space:pre-wrap;word-break:break-all;border-bottom:1px dotted #17352a80;padding:1px 0;line-height:1.5}.workspace{gap:var(--gap);padding:var(--gap) 0;grid-template:"top top top""left main right"1fr/240px minmax(0,1fr) 320px;min-height:calc(100vh - 120px);display:grid}.ws-top{grid-area:top}.ws-left{grid-area:left;min-height:0}.ws-main{grid-area:main;min-width:0}.ws-right{grid-area:right;min-height:0}.ws-left .panel,.ws-right .panel{height:100%}.workspace.no-log{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"top top""left main"}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drawer-btn{display:none}.drawer-backdrop{z-index:1000;background:#0009;position:fixed;inset:0}@media (max-width:1100px){.workspace{grid-template-columns:1fr;grid-template-areas:"top""main""right"}.workspace.no-log{grid-template-columns:1fr;grid-template-areas:"top""main"}.ws-right{height:auto}.drawer-btn{order:-1;display:inline-flex}.ws-left{z-index:1001;background:var(--bg);border-right:1px solid var(--border);width:min(85vw,320px);height:100%;padding:.6rem;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 18px #00000080}.ws-left.open{transform:translate(0)}}footer.app-footer{z-index:900;border-top:1px solid var(--border);background:var(--bg);border-bottom:none;margin-top:1rem;position:sticky;bottom:0;box-shadow:0 -6px 18px #00000059}@media (max-width:640px){footer.topbar .row{flex-wrap:wrap;gap:.5rem;padding-inline:.7rem}}.midi-activity.tx.lit{color:var(--acc-cyan);border-color:var(--acc-cyan)}.midi-activity.tx.lit .led{background:var(--acc-cyan);box-shadow:0 0 6px #23e0d08c}.qwerty-piano{-webkit-user-select:none;user-select:none;touch-action:none;align-items:stretch;height:96px;padding:0 .6rem .6rem;display:flex}.qwerty-piano .pk{border:1px solid var(--border-hot);border-radius:0 0 var(--r) var(--r);cursor:pointer;background:#dcefe6;flex:1 1 0;min-width:0;padding:0;position:relative}.qwerty-piano .pk .pk-label{text-align:center;color:#1c3a2e;pointer-events:none;position:absolute;bottom:2px;left:0;right:0}.qwerty-piano .pk.blk{z-index:2;border-color:var(--border-hot);background:#0a0f0d;flex:0 0 4.5%;height:58%;margin:0 -2.25%}.qwerty-piano .pk.blk .pk-label{color:var(--fg-dim)}.qwerty-piano .pk.held{background:var(--acc);box-shadow:var(--glow)}.qwerty-piano .pk.blk.held{background:var(--acc-2)}.modal-backdrop .palette{align-self:flex-start;width:min(560px,94vw);margin-top:10vh;overflow:hidden}.palette-input{border-bottom:1px solid var(--border);color:var(--acc);align-items:center;gap:.5rem;padding:.55rem .7rem}.palette-input input{color:var(--fg);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;font-size:14px}.palette-list{flex-direction:column;max-height:46vh;display:flex;overflow-y:auto}.palette-item{text-align:left;width:100%;color:var(--fg-dim);font-family:var(--mono);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:.55rem;padding:.42rem .7rem;font-size:12px;display:flex}.palette-item .palette-hint{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.palette-item.sel{border-left-color:var(--acc);color:var(--fg);background:#00ff9c14}.lib-input{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r);color:var(--fg);font-family:var(--mono);min-width:140px;padding:.3rem .5rem;font-size:12px}.lib-input:focus{border-color:var(--acc);box-shadow:var(--glow-soft);outline:none}.lib-search{color:var(--fg-dim);align-items:center;gap:.35rem}.lib-list{flex-direction:column;gap:.25rem;max-height:260px;display:flex;overflow-y:auto}.lib-row{border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.lib-row:hover{border-color:var(--border-hot)}.lib-row .fav{color:var(--fg-mute);cursor:pointer;background:0 0;border:none;padding:0 .1rem}.lib-row .fav.on{color:var(--acc-amber)}.patch-lib .legend-body.drag-over{outline:1px dashed var(--acc);outline-offset:-4px;background:#00ff9c0a}.social-link.coffee{color:var(--acc-amber);border-color:var(--acc-amber);font-weight:700}.social-link.coffee:hover{color:#ffd166;border-color:#ffd166;box-shadow:0 0 8px #ffb00073}