:root{--bg:#f4f2ee;--panel:#fff;--ink:#1d1b19;--muted:#6b6760;--line:#d8d3cb;--accent:#c2410c;--accent-ink:#fff;--audio:#c2410c;--control:#1d6fb8;--gate:#2f8f5b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#161514;--panel:#211f1d;--ink:#ece8e1;--muted:#9a958c;--line:#3a3733;--accent:#f08a4b;--accent-ink:#161514;--audio:#f08a4b;--control:#6db3f2;--gate:#6cc79a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.4 system-ui,sans-serif}.top{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}.top h1{letter-spacing:.02em;margin:0;font-size:16px}.spacer{flex:1}.muted{color:var(--muted)}#tabs{gap:4px;display:flex}button,.btn,select,input:not([type=range]){font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:5px 10px}button:hover,.btn:hover{border-color:var(--muted)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{padding:12px 16px 32px}.tab[hidden]{display:none}#tab-presets,#tab-flash,#tab-about{width:min(100%,640px);margin:0 auto}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.canvas{border:1px solid var(--line);background:var(--panel);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:20px 20px;border-radius:8px;min-height:520px;position:relative;overflow:auto}.cables{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cable{fill:none;stroke-width:3px;opacity:.85;pointer-events:stroke;cursor:pointer}.cable.audio{stroke:var(--audio)}.cable.control{stroke:var(--control)}.cable.gate{stroke:var(--gate)}.cable.pending{stroke:var(--muted);stroke-dasharray:5 4;pointer-events:none}.cable:hover{stroke-width:5px}.module{background:var(--panel);border:1px solid var(--muted);-webkit-user-select:none;user-select:none;border-radius:8px;width:236px;position:absolute;box-shadow:0 1px 4px #0002}.mhead{border-bottom:1px solid var(--line);cursor:grab;touch-action:none;justify-content:space-between;align-items:center;padding:4px 8px;font-weight:600;display:flex}.x{color:var(--muted);background:0 0;border:none;padding:0 6px;font-size:16px;line-height:1.2}.io{justify-content:space-between;padding:6px 0;display:flex}.ports{flex-direction:column;gap:4px;display:flex}.port{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.port.out{justify-content:flex-end}.dot{background:var(--panel);cursor:crosshair;touch-action:none;border:2px solid;border-radius:50%;width:14px;height:14px}.in .dot{margin-left:-8px}.out .dot{margin-right:-8px}.dot.audio{color:var(--audio)}.dot.control{color:var(--control)}.dot.gate{color:var(--gate)}.dot:hover{background:currentColor}.params{border-top:1px solid var(--line);gap:4px;padding:4px 8px 8px;display:grid}.param{grid-template-columns:auto 1fr auto;align-items:center;column-gap:6px;font-size:12px;display:grid}.pins{border-top:1px solid var(--line);gap:2px;padding:2px 8px 6px;display:grid}.pin{grid-template-columns:52px 1fr 38px;align-items:center;column-gap:6px;font-size:12px;display:grid}.pin input{width:100%;accent-color:var(--accent)}.pin output{color:var(--muted);text-align:right}.matrix{border-collapse:collapse;width:calc(100% - 16px);margin:0 8px 6px;font-size:11px}.matrix th{color:var(--muted);padding:1px 0;font-weight:500}.matrix td{text-align:center;height:18px;padding:0}.matrix td:first-child{text-align:left;color:var(--muted);padding-right:4px}.matrix input{accent-color:var(--accent);margin:0}.param input{width:100%;accent-color:var(--accent);grid-column:1/-1}.param output{color:var(--muted)}.hint{margin-top:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:16px}.card h2{margin-top:0;font-size:15px}.warn{background:color-mix(in srgb, #b45309 10%, var(--panel));border-color:#b45309}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}pre.log{background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;border-radius:6px;max-height:240px;padding:8px;font:12px/1.4 ui-monospace,monospace;overflow:auto}progress{width:100%}@media (max-width:640px){main{padding:8px}}.bank-cols{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.bank-cols .card{margin-bottom:0}.bank-list{gap:2px;max-height:520px;display:grid;overflow:auto}.bank-row{border-radius:4px;align-items:center;gap:6px;padding:2px 4px;display:flex}.bank-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.bank-row .grow,.bank-row>span:first-child:not(.slot){flex:1}.bank-row .slot{color:var(--muted);font-variant-numeric:tabular-nums;width:1.6em}.bank-row button{padding:0 8px;line-height:1.5}