:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--paper:#000;--bg:var(--paper);--surface:var(--paper);--raised:var(--paper);--line:color-mix(in srgb,var(--ink) 18%,transparent);--line-strong:color-mix(in srgb,var(--ink) 44%,transparent);--text:var(--ink);--muted:color-mix(in srgb,var(--ink) 68%,var(--paper));--lcd:var(--paper);--accent:var(--ink);--radius:.5rem;--control-bg:color-mix(in srgb,var(--ink) 3%,var(--paper));--hover-bg:color-mix(in srgb,var(--ink) 7%,var(--paper));--track:color-mix(in srgb,var(--ink) 22%,transparent);font-synthesis:none;font-variant-numeric:tabular-nums;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}button{background:var(--control-bg);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--hover-bg);border-color:var(--line-strong)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid color-mix(in srgb,var(--ink) 50%,transparent);outline-offset:2px}select,input:not([type=checkbox]):not([type=file]){background:var(--control-bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:.5rem .65rem}input[type=checkbox]{accent-color:var(--ink);width:1rem;height:1rem}label{color:var(--muted);gap:.35rem;font-size:.84rem;display:grid}label:has(input[type=checkbox]){color:var(--text);align-items:center;gap:.6rem;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:.92rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}kbd{color:var(--muted);font:500 .62rem ui-monospace,monospace}.eyebrow{letter-spacing:.19em;color:var(--muted);margin-bottom:.45rem;font-size:.65rem;font-weight:700}.muted{color:var(--muted)}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:700}.primary:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 80%,var(--paper));color:var(--paper)}.app-shell{max-width:1600px;margin:0 auto;padding:1.25rem 2rem 4rem}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.brand{letter-spacing:.12em;white-space:nowrap;font-size:1.2rem;font-weight:800}.brand span{color:var(--muted);letter-spacing:.24em;margin-left:.4rem;font-size:.56rem;font-weight:500}.toolbar-actions{align-items:center;gap:.55rem;display:flex}.connection{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:3px;padding:.5rem;font-size:.72rem}.connection:before{content:"";background:var(--ink);border-radius:50%;width:.4rem;height:.4rem;margin-right:.5rem;display:inline-block}.connection.online:before{background:var(--ink)}.error-banner,.inline-error{border:1px solid var(--line-strong);color:var(--ink);background:var(--paper);border-radius:var(--radius);padding:.75rem 1rem}.front-panel{background:var(--paper);border:1px solid var(--line-strong);box-shadow:none;border-radius:.75rem;margin:1.5rem 0 2.5rem;padding:1.15rem 1.3rem 1.5rem}.front-grid{grid-template-columns:minmax(85px,1fr) 512px 125px 130px;justify-content:center;align-items:start;gap:1.2rem;max-width:1070px;margin:auto;display:grid}.bypass-wrap{align-self:end;padding-bottom:0}.display-wrap{min-width:0}.display-top{letter-spacing:.15em;color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.62rem;display:flex}.display-actions{align-items:center;gap:.4rem;display:flex}.display-actions label{align-items:center;gap:.35rem;font-size:.65rem;display:flex}.display-actions select{padding:.25rem}.icon-button{justify-content:center;align-items:center;min-width:2rem;min-height:2rem;padding:.4rem;display:inline-flex}.lcd-frame{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius);width:512px;max-width:100%;box-shadow:none;padding:15px}.lcd-frame canvas{width:480px;max-width:none;height:128px;image-rendering:pixelated;background:var(--lcd);display:block}.softkeys{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:.75rem;display:grid}.hardware-button{letter-spacing:.06em;text-align:center;background:var(--paper);border:1px solid var(--line-strong);width:100%;min-height:2.5rem;box-shadow:none;font-size:.68rem;font-weight:700;position:relative}.hardware-button:active:not(:disabled){background:var(--ink);color:var(--paper);box-shadow:none}.hardware-button kbd{color:inherit;display:block;position:absolute;bottom:.2rem;left:0;right:0}.hardware-button:has(kbd){padding-bottom:1rem}.main-keys,.side-keys{gap:.55rem;padding-top:1.35rem;display:grid}.main-keys>.hardware-button{min-height:2.1rem}.arrow-cluster{grid-template-columns:repeat(3,1fr);gap:.27rem;display:grid}.arrow-cluster .hardware-button{min-width:0;padding:.3rem}.arrow-cluster span{min-height:2rem}.side-keys{align-content:start}.capture-label{letter-spacing:.1em;margin-top:.3rem;font-size:.62rem}.capture{width:100%;font-size:.7rem!important}.capture.active{border-color:var(--ink);background:var(--ink)!important;color:var(--paper)!important}.capture-help{color:var(--muted);font-size:.64rem;line-height:1.5}.objects-section{border-top:1px solid var(--line);padding-top:1.5rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading h1{margin:0}.small-select{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.small-select select{padding:.35rem}.empty-state{color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:2rem}.object-roots{gap:2rem;display:grid}.object-root>h2{margin-bottom:1rem}.panel-grid{flex-wrap:wrap;align-items:flex-start;gap:1.2rem;display:flex}.panel-grid>*{flex:0 34rem;width:34rem;min-width:0;max-width:100%}.panel-grid>.wide-widget{border:1px solid var(--line);padding:1.2rem}.object-panel{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;min-width:0;padding:1.2rem}.object-panel h2{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.8rem}.controls-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1.1rem .7rem;display:grid}.object-subpage,.wide-widget{grid-column:1/-1;min-width:0}.object-subpage{border-top:1px solid var(--line);margin-top:.7rem;padding-top:1rem}.object-subpage h3,.wide-widget h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.object-subpage>.controls-grid{padding-top:.35rem}.control{text-align:center;flex-direction:column;justify-content:start;align-items:center;gap:.5rem;min-width:0;min-height:9rem;display:flex}.control-label,.control>span,.select-control>span,.input-control>span{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}.control-value{color:var(--text);font:600 .84rem ui-monospace,monospace}.control-value input{width:6.5rem}.select-control select,.input-control input{width:100%;max-width:10rem}.info-control pre{text-align:left;width:100%;color:var(--text);background:0 0;border:0;margin:0;padding:0;font:.75rem/1.5 ui-monospace,monospace}.knob{justify-items:center;gap:.55rem;width:100%;display:inline-grid;position:relative}.knob-control{isolation:isolate;background:var(--control-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent);aspect-ratio:1;cursor:ns-resize;border-radius:50%;width:4.4rem;position:relative}.knob-track,.knob-indicator{pointer-events:none;width:100%;height:100%;color:var(--ink);position:absolute;inset:0}.knob-track{opacity:.22;color:var(--ink)}.knob-indicator{color:var(--ink)}.knob-thumb{pointer-events:none;color:var(--ink);position:absolute;inset:0}.knob-thumb svg{width:100%;height:100%;display:block}.knob-body{background:color-mix(in srgb,var(--ink) 4%,var(--paper));box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent);border-radius:50%;position:absolute;inset:.45rem}.knob-track path,.knob-indicator path{stroke:currentColor}:is(.knob-control:has(:focus-visible),.fader-control:has(:focus-visible),.tap-handle:has(:focus-visible)){outline:2px solid color-mix(in srgb,var(--ink) 50%,transparent);outline-offset:2px}.fader{justify-items:center;gap:.6rem;width:100%;display:inline-grid}.fader-control{width:2.75rem;height:6.25rem;position:relative}.fader-track{background:var(--track);border-radius:var(--radius);width:.35rem;height:100%;margin:auto;position:relative}.fader-indicator{background:var(--ink);position:absolute;inset:auto 0 0}.fader-thumb{border:1px solid var(--line-strong);background:var(--paper);border-radius:var(--radius);width:2rem;height:.7rem;box-shadow:none;position:absolute}.fader[data-orientation=horizontal] .fader-track{width:100%;height:.35rem;margin-top:.8rem}.fader[data-orientation=horizontal] .fader-indicator{inset:0 auto 0 0}.wide-control{min-width:0}.tap-editor{grid-template-columns:140px minmax(0,1fr);gap:1rem;display:grid}.tap-inspector{align-content:start;gap:.45rem;display:grid}.tap-inspector .compact .knob-thumb{pointer-events:none;color:var(--ink);position:absolute;inset:0}.tap-inspector .compact .control-label{font-size:.67rem}.tap-index{justify-content:space-between;align-items:center;gap:.2rem;display:flex}.tap-index span{white-space:nowrap;font:.67rem ui-monospace,monospace}.tap-index button{padding:.3rem .45rem;font-size:.7rem}.tap-plot,.curve-plot{border:1px solid var(--line-strong);background:var(--paper);height:16rem;position:relative;overflow:visible}.plot-graph,.tap-stems{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tap-stems line{stroke:var(--ink)}.tap-handle{background:var(--ink);border:2px solid var(--paper);width:.8rem;height:.8rem;box-shadow:none;cursor:grab;border-radius:50%}.tap-handle.selected{width:1rem;height:1rem;box-shadow:none}.plot-x-label{color:var(--muted);grid-column:2;justify-content:space-between;padding-top:.4rem;font:.65rem ui-monospace,monospace;display:flex}.wide-fallback{border:1px dashed var(--line);color:var(--muted);padding:1rem;font:.75rem ui-monospace,monospace}.modal-backdrop{z-index:10;background:#000d;position:fixed;inset:0}.modal-popup{z-index:11;background:var(--paper);border:1px solid var(--line-strong);min-width:0;max-height:94vh;box-shadow:none;border-radius:.75rem;flex-direction:column;display:flex;position:fixed;inset:3vh 3vw;overflow:hidden}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem 1.3rem;display:flex}.modal-header h2{margin:0;font-size:1.05rem}.modal-body{flex:1;min-height:0;padding:1.2rem 1.4rem;overflow:auto}.settings-content{grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);gap:2rem;max-width:950px;display:grid}.settings-column{align-content:start;gap:.85rem;display:grid}.settings-column p{margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.button-row{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.picker{flex-direction:column;height:100%;min-height:0;display:flex}.picker-tools,.picker-filter{flex-wrap:wrap;align-items:end;gap:.7rem;margin-bottom:1rem;display:flex}.picker-tools .muted{margin:auto 0 .5rem;font-size:.8rem}.picker-filter>input{flex:1;min-width:210px}.file-button{cursor:pointer;background:var(--raised);border:1px solid var(--line-strong);color:var(--text);border-radius:var(--radius);padding:.64rem .85rem;display:inline-grid}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.picker-content{flex:1;grid-template-columns:minmax(240px,.95fr) minmax(260px,1.05fr);gap:1rem;min-height:0;display:grid}.preset-list{border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.preset-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:.2rem;min-height:2.5rem;padding:.2rem .6rem .2rem .25rem;font:.8rem ui-monospace,monospace;display:flex}.preset-row:hover,.preset-row.selected{background:var(--hover-bg);color:var(--ink)}.preset-row.selected .star-button,.preset-row:hover .star-button,.preset-row.selected .preset-choice,.preset-row:hover .preset-choice{color:var(--ink)}.star-button{color:var(--ink);background:0 0;border:0;padding:.2rem;display:flex}.preset-details{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;overflow:auto}.preset-details h2{font-size:1.3rem}.preset-details label{margin:1rem 0}.detail-field{margin:1.2rem 0}.detail-field strong{color:var(--muted);font-size:.74rem}.detail-field pre{max-height:25vh;font:.76rem/1.5 ui-monospace,monospace;overflow:auto}.utilities{grid-template-columns:180px minmax(0,1fr);gap:1.3rem;height:100%;min-height:0;display:grid}.utility-nav{border-right:1px solid var(--line);align-content:start;gap:.3rem;padding-right:1rem;display:grid}.utility-nav button{text-align:left}.utility-nav button.selected{background:var(--ink);color:var(--paper)}.utility-page{min-height:0;padding-right:.3rem;overflow:auto}.utility-head,.buffer-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.output-frame{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-height:13rem;padding:1rem;font:.76rem/1.5 ui-monospace,monospace;overflow:auto}.bulk-progress{height:16rem}.utility-block{border-bottom:1px solid var(--line);padding:1rem 0}.utility-block h3{margin-bottom:.8rem}.drop-well{border:1px dashed var(--line-strong);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:7rem;margin:1rem 0;display:flex;position:relative}.drop-well.dragging{background:var(--paper);border-color:var(--ink)}.drop-well input{max-width:220px;font-size:.7rem}.buffer-list{border:1px solid var(--line);max-height:10rem;padding:.5rem;font:.74rem/1.5 ui-monospace,monospace;overflow:auto}.buffer-list>div{padding:.15rem}.progress{background:var(--track);border-radius:10px;width:100%;height:.65rem;margin:.7rem 0;overflow:hidden}.progress>div{background:var(--ink);height:100%;transition:width .1s}@media (max-width:1150px){.front-grid{grid-template-columns:75px minmax(0,512px) 110px 115px;gap:.65rem}.lcd-frame{overflow:hidden}.app-shell{padding:1rem}}@media (max-width:850px){.toolbar{align-items:flex-start}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.front-grid{grid-template-columns:minmax(0,1fr) 110px 110px}.bypass-wrap{grid-area:2/1;width:110px}.display-wrap{grid-area:1/1}.main-keys{grid-area:1/2/3}.side-keys{grid-area:1/3/3}.front-panel{overflow:auto}.lcd-frame{width:512px}.display-wrap{min-width:512px}}@media (max-width:620px){.toolbar{display:block}.toolbar-actions{justify-content:flex-start;margin-top:1rem}.front-panel{padding:.8rem}.front-grid{width:740px}.modal-popup{max-height:98vh;inset:1vh 1vw}.modal-body{padding:.8rem}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-content,.picker-content,.utilities{grid-template-columns:1fr}.utilities{height:auto}.utility-nav{border-right:0;border-bottom:1px solid var(--line);padding:0 0 .5rem;display:flex;overflow:auto}.picker-content{overflow:auto}.preset-list{min-height:35vh}.preset-details{min-height:25vh}.form-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}}.bypass-wrap{margin-bottom:1.8rem}.curve-editor{grid-template-columns:140px minmax(0,1fr);gap:1rem;display:grid}.curve-inspector{align-content:start;gap:1rem;display:grid}.curve-inspector .compact .knob-control{width:3rem}.gang-editor{align-items:center;gap:.4rem;margin:0 0 1rem;display:flex}.gang-drag{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:ns-resize;flex:1;max-width:190px;min-height:2.4rem;padding:.65rem;font-size:.72rem}.gang-editor input{width:8rem}.gang-editor button{min-width:2.2rem;padding:.5rem}@media (max-width:850px){.front-grid{grid-template-columns:120px 125px 130px;justify-content:start;gap:1rem;width:512px;min-width:512px}.display-wrap{grid-area:1/1/auto/-1;min-width:512px}.bypass-wrap{grid-area:2/1;align-self:start;margin:1.35rem 0 0}.main-keys{grid-area:2/2}.side-keys{grid-area:2/3}.front-panel{overflow-x:auto}}.preset-choice{text-align:left;min-width:0;font:inherit;white-space:normal;background:0 0;border:0;flex:1;padding:.25rem .15rem}.preset-choice:hover:not(:disabled){color:inherit;background:0 0;text-decoration:underline}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#000;--paper:#fff}.knob-control:hover{background:var(--hover-bg)}.knob-control[data-dragging]{box-shadow:0 0 0 3px var(--track)}.drop-well.dragging,.file-button:hover{background:var(--hover-bg)}@media (prefers-reduced-motion:reduce){button,.progress>div{transition:none}}.knob-mark{pointer-events:none;position:absolute;inset:0}.knob-mark-tick{background:var(--muted);width:1px;height:.25rem;position:absolute;top:-.35rem;left:50%;translate:-50%}.knob-mark-label{translate:-50%;rotate:calc(var(--knob-mark-angle)*-1);color:var(--muted);white-space:nowrap;font:400 .58rem/1 ui-monospace,monospace;position:absolute;top:-1.25rem;left:50%}.knob-mark[data-active] .knob-mark-tick{background:var(--ink)}.fader-mark{pointer-events:none;color:var(--muted)}.fader-mark[data-orientation=vertical]{right:0;translate:0 50%}.fader-mark[data-orientation=horizontal]{top:calc(100% + .2rem);translate:-50%}.fader-mark-tick{background:currentColor;display:block}.fader-mark[data-orientation=vertical] .fader-mark-tick{width:.35rem;height:1px}.fader-mark[data-orientation=horizontal] .fader-mark-tick{width:1px;height:.35rem}.fader-mark[data-active]{color:var(--ink)}.hardware-button kbd{color:var(--muted)}.hardware-button kbd.shortcut-active{color:var(--paper);background:var(--ink);border-radius:2px;margin:0 .3rem}.knob{gap:.25rem}.knob-control{margin:.8rem 0 .5rem}.tap-editor{grid-template-columns:6.5rem minmax(0,1fr);align-items:start;gap:1rem}.tap-inspector{gap:.8rem}.tap-inspector .knob-control{margin-top:1rem;margin-bottom:.5rem}.tap-inspector .control-value{font-variant-numeric:tabular-nums;font-size:.78rem}.tap-index button{min-width:1.75rem;min-height:1.75rem;padding:.25rem}.tap-display{border:1px solid var(--line);background:var(--paper);border-radius:.65rem;align-self:start;min-width:0}.tap-tabs{border-bottom:1px solid var(--line);gap:.25rem;padding:.35rem;display:flex}.tap-tabs [role=tab]{min-height:2rem;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:.35rem;flex:1;font-size:.72rem}.tap-tabs [role=tab]:hover{color:var(--text);background:var(--hover-bg)}.tap-tabs [role=tab][data-active]{background:var(--control-bg);border-color:var(--line-strong);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent)}.tap-graph-panel{padding:1.25rem 1.25rem .75rem 3.25rem}.tap-plot{height:18rem;box-shadow:0 0 0 1px var(--line);background:var(--surface);border:0;border-radius:0}.tap-grid [data-part=line]{stroke:var(--line);stroke-width:1px}.tap-grid [data-part=label]{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font:400 .62rem/1 ui-monospace,monospace}.tap-grid [data-part=label][data-axis=x]{top:calc(100% + .65rem);translate:-50%}.tap-grid [data-part=label][data-axis=y]{right:calc(100% + .6rem);translate:0 -50%}.tap-stem-graph line{stroke:var(--muted);stroke-width:1.25px}.tap-stem-graph line[data-selected]{stroke:var(--ink);stroke-width:2px}.tap-stem-graph .tap-baseline{stroke:var(--line-strong);stroke-width:1px}.tap-matchhead{cursor:grab;z-index:1;place-items:center;width:1.5rem;height:1.5rem;display:grid}.tap-matchhead-dot{background:var(--muted);width:.55rem;height:.55rem;box-shadow:0 0 0 2px var(--paper);pointer-events:none;border-radius:50%}.tap-matchhead[data-selected]{z-index:2}.tap-matchhead[data-selected] .tap-matchhead-dot{background:var(--ink);width:.7rem;height:.7rem}.tap-matchhead:hover .tap-matchhead-dot,.tap-matchhead[data-dragging] .tap-matchhead-dot{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--line-strong)}.tap-matchhead[data-dragging]{cursor:grabbing}.tap-matchhead:has(:focus-visible){outline:2px solid var(--ink);outline-offset:1px;border-radius:50%}.tap-delay-label{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:1.8rem;font-size:.65rem}@media (max-width:620px){.tap-editor{grid-template-columns:minmax(0,1fr)}.tap-inspector{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem .5rem}.tap-inspector>.tap-index{grid-column:1/-1;justify-content:center;gap:1rem}.tap-plot{height:15rem}}.front-grid>.display-wrap,.front-grid>.main-keys,.front-grid>.bypass-wrap{align-self:end}.bypass-wrap{margin:0}.arrow-cluster .hardware-button{min-height:2.5rem;padding:.3rem}.arrow-glyph{border-radius:.2rem;place-items:center;min-width:1.4rem;min-height:1.4rem;font-size:1rem;line-height:1;display:inline-grid}.arrow-glyph.shortcut-active{color:var(--paper);background:var(--ink)}@media (max-width:850px){.front-grid{grid-template-columns:85px 512px 125px 130px;gap:1rem;width:900px;min-width:900px}.front-grid>.bypass-wrap{grid-area:1/1;width:auto;margin:0}.front-grid>.display-wrap{grid-area:1/2;min-width:0}.front-grid>.main-keys{grid-area:1/3}.front-grid>.side-keys{grid-area:1/4}}.knob-control{width:3.08rem}.tap-inspector .compact .knob-control{width:1.89rem}.control{min-height:6.3rem}.control.compact{min-height:0}.fader-control{width:1.925rem;height:4.375rem}.fader[data-orientation=horizontal] .fader-control{width:4.9rem;height:1.4rem}.fader-thumb{width:1.4rem;height:.49rem}.fader[data-orientation=horizontal] .fader-thumb{width:.49rem;height:1.4rem}.tap-editor{grid-template-columns:9rem minmax(0,1fr);column-gap:1.5rem}.tap-inspector{min-width:0}@media (max-width:620px){.tap-editor{grid-template-columns:minmax(0,1fr)}}@media (min-width:621px){.tap-editor{align-items:stretch}.tap-display{flex-direction:column;align-self:stretch;display:flex}.tap-graph-panel{flex-direction:column;flex:1;min-height:0;display:flex}.tap-plot{flex:1;height:auto;min-height:0}}.display-top,.lcd-frame{position:relative;top:calc(-.75rem - 20px)}.info-page{grid-column:1/-1;min-width:0}.info-page-text{white-space:normal;overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:.875rem;line-height:1.65}.knob>.control-value{position:relative;top:2px}.knob>.control-label{position:relative;top:-4px}.info-control{justify-content:center}.info-control pre{text-align:center;white-space:pre-wrap}.info-control .display-value{font-size:1.1rem;font-weight:600}.signal-monitor{justify-content:center;align-items:center;width:100%;height:5.5rem;display:flex}.monitor-channel{color:var(--ink);position:relative}.horizontal-monitor .monitor-channel{width:100%;height:1.25rem}.vertical-monitor .monitor-channel{width:2.25rem;height:100%}.monitor-track{border:1px solid var(--line-strong);background:var(--control-bg);border-radius:2px;width:100%;height:100%;position:relative;overflow:hidden}.monitor-fill{background:var(--ink);position:absolute;bottom:0;left:0}.horizontal-monitor .monitor-fill{height:100%}.rotary-monitor .monitor-channel{width:100%;max-width:7rem}.rotary-monitor svg{fill:currentColor;width:100%;height:auto;display:block;overflow:visible}.monitor-dial,.monitor-tick,.monitor-needle{stroke:currentColor;fill:none;stroke-width:1.5px}.monitor-needle{stroke-width:2px}.monitor-control .display-value{overflow-wrap:anywhere;font:600 1.1rem ui-monospace,monospace}.unavailable-display{color:var(--muted);justify-content:center;font-size:.75rem}.vertical-monitor .monitor-track{background:var(--line-strong);border:0;border-radius:0;width:1px;margin:auto;overflow:visible}.monitor-cursor{background:var(--ink);border-radius:1px;width:1.5rem;height:.25rem;position:absolute;left:-.75rem}.panel-grid>.control{flex:0 auto;align-self:flex-start;width:auto;min-height:0}.section-heading{flex-wrap:wrap}.object-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.preset-transfer{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:.8rem 1rem}.preset-transfer p{color:var(--muted);margin:0 0 .65rem;font-size:.8rem}.preset-key-sequence{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.preset-key.hardware-button{cursor:default;flex:none;justify-content:center;align-items:center;width:auto;min-width:2.25rem;min-height:2.25rem;padding:.45rem .7rem;display:inline-flex}.preset-key[aria-current=step]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.processor-select{gap:.3rem;display:flex}.processor-select button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.connection{border:0;padding-inline:0}.picker-tools{border-bottom:1px solid var(--line);gap:.8rem;padding-bottom:1rem}.picker-tools .file-button{justify-content:center;align-items:center;height:2.5rem;padding:.5rem .85rem;display:flex}.picker-tools .muted{margin:0 0 .65rem auto}.picker-filter{grid-template-columns:minmax(0,1fr) auto minmax(8rem,11rem);align-items:end;gap:.8rem;display:grid}.picker-search,.picker-tag{min-width:0}.search-field{border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg);align-items:center;gap:.2rem;height:2.5rem;padding-left:.7rem;display:flex}.search-field:focus-within{border-color:var(--ink)}.picker-search .search-field input{background:0 0;border:0;width:100%;min-width:0;height:100%}.picker-tag select{width:100%;height:2.5rem}.star-filter{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;display:inline-flex}.star-filter[aria-pressed=true],.star-filter[aria-pressed=true]:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.preset-list-heading{z-index:1;background:var(--paper);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:.75rem;display:flex;position:sticky;top:0}.preset-row{gap:.45rem;min-height:2.8rem;padding:.35rem .7rem}.preset-row.selected{box-shadow:inset 2px 0 var(--ink)}.preset-row .star-button{justify-content:center;align-items:center;min-width:1.6rem;min-height:1.6rem}.preset-details{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.preset-details-head{border-bottom:1px solid var(--line);background:var(--paper);flex-shrink:0;align-items:center;gap:1rem;padding:1.1rem 1.2rem;display:flex}.preset-details-head>div{flex:1;min-width:0}.preset-details-head h2{overflow-wrap:anywhere;margin:0;font-size:1.15rem}.preset-details-head .eyebrow{margin-bottom:.35rem}.preset-send{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;display:inline-flex}.preset-details-body{scrollbar-gutter:stable;min-height:0;padding:0 1.2rem 1rem;overflow:auto}.preset-details-body .detail-field pre{max-height:none;line-height:1.65;overflow:visible}@media (max-width:620px){.picker-tools{gap:.6rem;margin-bottom:.8rem;padding-bottom:.8rem}.picker-tools .muted{align-self:center;margin:0;font-size:.7rem}.picker-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem;margin-bottom:.8rem}.picker-search{grid-column:1/-1}.picker-content{flex-direction:column;gap:.75rem;min-height:18rem;display:flex;overflow:hidden}.preset-list{flex:0 32%;min-height:6rem;max-height:25vh}.preset-details{flex:1;min-height:10rem}.preset-details-head{gap:.6rem;padding:.8rem}.preset-details-head h2{font-size:1rem}.preset-send{padding:.5rem .6rem;font-size:.8rem}.preset-details-body{padding:0 .8rem .8rem}}.preset-row{scroll-margin-top:2.5rem}.picker{position:relative}.preset-transfer-overlay{z-index:3;background:color-mix(in srgb,var(--paper) 65%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.preset-transfer-overlay .preset-transfer{width:min(100%,34rem);padding:1.25rem;box-shadow:0 1rem 4rem #0004}.preset-transfer-overlay .preset-transfer p{color:var(--text);align-items:center;gap:.65rem;line-height:1.5;display:flex}.preset-transfer-overlay .preset-transfer p svg{flex-shrink:0}.transfer-spinner{animation:1s linear infinite transfer-spin}@keyframes transfer-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.transfer-spinner{animation:none}}.lcd-screen{width:480px;height:128px;position:relative}:root[data-theme=light] .lcd-screen{filter:invert()}.lcd-softkeys{pointer-events:none;position:absolute;inset:0}.lcd-softkeys .lcd-softkey{pointer-events:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute}.lcd-softkeys .lcd-softkey:hover:not(:disabled){background:#ffffff20;box-shadow:inset 0 0 0 1px #ffffff50}.lcd-softkeys .lcd-softkey:focus-visible{outline-offset:-2px;background:#ffffff20;outline:2px solid #fff}.lcd-softkeys .lcd-softkey:disabled{cursor:default}.info-page-text .display-text{text-align:left;font-size:inherit;line-height:inherit;white-space:pre-wrap}.notification-viewport{z-index:50;pointer-events:none;outline:none;gap:.5rem;width:min(22rem,100vw - 2rem);display:grid;position:fixed;bottom:1rem;right:1rem}.notification{border:1px solid var(--line-strong);background:var(--paper);color:var(--text);pointer-events:auto;border-radius:.5rem;align-items:center;gap:.65rem;padding:.85rem 1rem;font-size:.84rem;transition:opacity .18s,transform .18s;display:flex;box-shadow:0 .4rem 1.5rem #0003}.notification svg{flex-shrink:0}.notification-title{overflow-wrap:anywhere}.notification[data-starting-style],.notification[data-ending-style]{opacity:0;transform:translateY(.5rem)}.preset-transfer-modal{width:min(40rem,94vw);max-height:94vh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.preset-transfer .utility-block:last-child{border-bottom:0}.serial-unsupported{color:#b91c1c;border-radius:var(--radius);background:#fef2f2;border:1px solid #f87171;padding:.85rem 1rem}[data-theme=dark] .serial-unsupported{color:#fca5a5;background:#2b1010;border-color:#b91c1c}.settings-field{gap:.35rem;display:grid}.field-label{align-items:center;gap:.4rem;display:flex}.field-label label{display:block}.field-info{color:var(--muted);cursor:help;background:0 0;border:0;justify-content:center;align-items:center;min-width:0;padding:.15rem;display:inline-flex}.field-info:hover,.field-info:focus-visible{color:var(--ink)}.field-tooltip-positioner{z-index:60}.field-tooltip{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);max-width:min(19rem,100vw - 2rem);color:var(--text);padding:.6rem .75rem;font-size:.75rem;line-height:1.5;box-shadow:0 4px 16px #0003}.picker-tool{gap:.35rem;display:grid}.picker-explanation{margin:0 0 1rem;font-size:.78rem;line-height:1.5}.preset-info{font:inherit;white-space:normal;overflow-wrap:anywhere;margin:.6rem 0;font-size:.82rem;line-height:1.6}[data-theme=light] button:disabled{opacity:1;color:var(--muted)}.picker-json-action,.picker-tools .picker-json-action.file-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--control-bg);height:2.5rem;color:var(--text);align-items:center;gap:.15rem;padding:0 .5rem 0 0;display:flex}.picker-json-action>button:not(.field-info){border-radius:var(--radius);height:100%;color:inherit;background:0 0;border:0;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500}.picker-json-action>button:not(.field-info):hover:not(:disabled){background:var(--hover-bg)}.picker-json-action .field-info{flex-shrink:0}.picker-json-action:has(>button:disabled){background:var(--control-bg)}:root[data-theme=light] .preset-send{background:var(--control-bg);color:var(--ink)}:root[data-theme=light] .preset-send:hover:not(:disabled){background:var(--hover-bg);color:var(--ink)}:root[data-theme=light] button:disabled{opacity:1;color:#999;border-color:var(--line);background:#f0f0f0}:root[data-theme=light] .picker-json-action:has(>button:disabled){color:#999;background:#f0f0f0}:root[data-theme=light] .picker-json-action>button:disabled{background:0 0}.picker-search .search-field input:focus{box-shadow:none;outline:none}.search-field:focus-within{border-color:var(--line-strong);background:var(--hover-bg)}:root:not([data-theme=light]) button:disabled{opacity:1;color:#777;border-color:var(--line);background:#111}:root:not([data-theme=light]) .picker-json-action:has(>button:disabled){color:#777;background:#111}:root:not([data-theme=light]) .picker-json-action>button:disabled{background:0 0}.front-grid{--front-key-width:125px}.front-grid>.bypass-wrap{width:var(--front-key-width);justify-self:end}.bypass-wrap>.hardware-button{min-height:2.1rem}@media (min-width:851px) and (max-width:1150px){.front-grid{--front-key-width:110px}}.controls-grid>.object-subpage:first-child{border-top:0;margin-top:0;padding-top:0}.curve-inspector{align-content:start}.controls-grid>.object-subpage:nth-child(1 of .object-subpage){border-top:0;margin-top:0;padding-top:0}.picker-tools{border-bottom:0;border-top:1px solid var(--line);flex-shrink:0;margin:1rem 0 0;padding:1rem 0 0}.search-clear{color:var(--muted);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-right:.2rem;padding:.45rem;display:inline-flex}@media (max-width:620px){.picker-content{flex-shrink:0;flex-basis:auto}.picker{overflow:auto}.picker-tools{margin-top:.8rem;padding-top:.8rem}}.picker-search{gap:.35rem;font-size:.84rem;display:grid}.musical-editor{grid-column:1/-1;gap:.8rem;width:100%;min-width:0;display:grid}.musical-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.musical-heading h3,.musical-editor p{margin:0}.musical-heading label{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.musical-staff{touch-action:none;width:100%;height:auto;max-height:340px;color:var(--ink);overflow:visible}.staff-line,.staff-ledger,.staff-stem{stroke:currentColor;stroke-width:1.2px;fill:none}.staff-line{opacity:.45}.staff-clef{fill:currentColor;font-family:serif;font-size:67px}.staff-hit{fill:#0000;stroke:#0000;stroke-width:1px}.staff-notehead{fill:var(--bg);stroke:currentColor;stroke-width:2px}.staff-note.selected .staff-notehead,.input-note .staff-notehead{fill:currentColor}.staff-note[role=slider]{cursor:ns-resize;outline:none}.staff-note.selected .staff-hit{fill:currentColor;fill-opacity:.06;stroke:currentColor;stroke-opacity:.3}.staff-note:focus-visible .staff-hit{stroke:currentColor;stroke-width:2px}.staff-caption,.staff-voice,.staff-accidental{fill:currentColor}.staff-caption{font-size:14px;font-weight:600}.staff-voice{opacity:.65;font-size:11px}.staff-accidental{font-family:serif;font-size:27px}.musical-inspector{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.musical-inspector input{text-align:center;width:5.8rem}.musical-inspector button{min-width:2rem}.musical-help{font-size:.75rem;line-height:1.5}.musical-note-picker{flex-wrap:wrap;gap:.3rem;display:flex}.musical-note-picker button{align-items:center;gap:.5rem;display:flex}.musical-note-picker small{opacity:.55}.musical-note-picker [aria-pressed=true]{color:var(--bg);background:var(--ink)}.dismissible-error{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.dismissible-error>button{color:inherit;background:0 0;border:0;flex:none;place-items:center;padding:.2rem;display:grid}
