:root{--paper: #e8dec9;--paper-deep: #dccfb2;--ink: #16130e;--red: #d8492c;--gold: #f2b233;--cobalt: #2e6db4;--ink-70: color-mix(in srgb, var(--ink) 70%, transparent);--ink-48: color-mix(in srgb, var(--ink) 48%, transparent);--ink-26: color-mix(in srgb, var(--ink) 26%, transparent);--ink-12: color-mix(in srgb, var(--ink) 12%, transparent);--paper-70: color-mix(in srgb, var(--paper) 70%, transparent);--paper-40: color-mix(in srgb, var(--paper) 40%, transparent);--paper-16: color-mix(in srgb, var(--paper) 16%, transparent);--hair: .5px solid var(--ink);--hair-soft: .5px solid var(--ink-26);--serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Hanken Grotesk", ui-sans-serif, "Helvetica Neue", Helvetica, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--r: 2px;--pad: clamp(10px, 1.4vw, 18px);--frame: clamp(10px, 1.6vw, 22px)}*{box-sizing:border-box}html,body{margin:0;height:100%}html{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{height:100dvh;overflow:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--ink) .5px,transparent .5px),linear-gradient(90deg,var(--ink) .5px,transparent .5px);background-size:26px 26px;opacity:.045}button,select,input{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--red);color:var(--paper)}#app{position:relative;z-index:1;height:100dvh;padding:var(--frame);display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.9fr) minmax(150px,.42fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head head head" "left center right";column-gap:clamp(10px,1.4vw,22px);row-gap:clamp(8px,1.2vh,16px)}#app:before{content:"";position:absolute;inset:calc(var(--frame) * .42);border:var(--hair);pointer-events:none;opacity:.5}.plate-head{grid-area:head;display:flex;align-items:baseline;justify-content:space-between;gap:var(--pad);border-bottom:var(--hair);padding-bottom:clamp(5px,.7vh,10px)}.plate-head__left{display:flex;align-items:baseline;gap:clamp(8px,1.2vw,18px);min-width:0}.wordmark{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(22px,2.6vw,36px);line-height:.9;letter-spacing:.015em;font-optical-sizing:auto}.wordmark .dot{color:var(--red)}.runhead{font-family:var(--serif);font-style:italic;font-size:clamp(11px,1.1vw,15px);color:var(--ink-70);white-space:nowrap}.plate-head__right{display:flex;align-items:center;gap:clamp(8px,1vw,16px);font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-70);white-space:nowrap}.headstat{color:var(--ink-48)}.octctl{display:inline-flex;align-items:center;gap:5px}.octctl__lbl{color:var(--ink-48)}.octctl b{color:var(--ink);font-weight:600;min-width:1ch;text-align:center}.ghostbtn{background:none;border:var(--hair);border-radius:var(--r);padding:3px 9px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70);transition:color .12s,border-color .12s}.ghostbtn:hover{color:var(--red);border-color:var(--red)}.link-dot{display:inline-flex;align-items:center;gap:6px}.link-dot:before{content:"";width:7px;height:7px;border-radius:50%;border:var(--hair);background:transparent}.link-dot.is-live:before{background:var(--gold);border-color:var(--gold)}.center{grid-area:center;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;row-gap:clamp(8px,1.2vh,16px)}.stage{position:relative;display:grid;place-items:center;min-height:0}.figframe{position:relative;container-type:size;width:100%;height:100%;display:grid;place-items:center}.fig-knot{position:absolute;width:min(100cqw,100cqh);height:min(100cqw,100cqh);display:block}.fig-no{position:absolute;top:0;left:0;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48);pointer-events:none}.ratio{position:absolute;top:2px;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding-right:14px;text-align:right;opacity:0;transition:opacity .2s ease;pointer-events:none}.ratio.is-on{opacity:1}.ratio:after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:.5px;background:var(--ink-26)}.ratio__lbl{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48)}.ratio__val{font-family:var(--serif);font-weight:600;font-size:clamp(22px,2.6vw,38px);line-height:1;letter-spacing:.04em;color:var(--red);font-variant-numeric:tabular-nums}.plate-foot{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(14px,2.4vw,40px);border-top:var(--hair);padding-top:clamp(8px,1vh,14px)}.plate-prop{border:none!important;background:none!important;padding:0!important;gap:6px!important}.staff{position:relative;height:clamp(48px,7vh,78px);border:var(--hair);border-radius:var(--r);background:var(--paper);overflow:hidden}.staff canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.staff__no{position:absolute;left:8px;top:5px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-48);pointer-events:none}.prop{display:flex;flex-direction:column;gap:8px}.prop__head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48);border-bottom:var(--hair-soft);padding-bottom:6px}.prop__name{font-family:var(--serif);font-weight:600;font-optical-sizing:auto;font-size:clamp(22px,2.4vw,34px);line-height:1.02;letter-spacing:.005em;min-height:1.04em}.prop__name .quiet{color:var(--ink-48);font-style:italic;font-weight:500}.prop__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.prop__ratio{font-family:var(--serif);font-size:clamp(18px,1.9vw,26px);letter-spacing:.02em}.prop__ratio small{font-size:.62em;color:var(--ink-48)}.drift{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:3px 8px;border:var(--hair);border-radius:var(--r);white-space:nowrap}.drift.is-pure{color:var(--cobalt);border-color:var(--cobalt)}.drift.is-sharp{color:var(--red);border-color:var(--red)}.drift.is-flat{color:var(--cobalt);border-color:var(--cobalt)}.drift b{font-weight:600}.voice{display:flex;flex-direction:column;gap:clamp(8px,1.1vh,14px);min-height:0}.panel{border:var(--hair);background:var(--paper);padding:var(--pad);display:flex;flex-direction:column;gap:10px}.panel__cap{display:flex;align-items:baseline;gap:8px;border-bottom:var(--hair-soft);padding-bottom:6px}.panel__cap .fig{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--red)}.panel__cap .ttl{font-family:var(--serif);font-size:clamp(15px,1.4vw,19px);font-weight:600;letter-spacing:.01em}.panel__cap .note{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-48)}.voice--grow{flex:1 1 auto;min-height:0}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:var(--hair);border-radius:var(--r);overflow:hidden}.seg.seg--wrap{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.seg button{background:transparent;border:none;border-right:var(--hair-soft);padding:6px 4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70);transition:background .12s,color .12s}.seg.seg--wrap button:nth-child(3n){border-right:none}.seg button:last-child{border-right:none}.seg button:hover{background:var(--ink-12)}.seg button.is-on{background:var(--ink);color:var(--paper)}.dials{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,.8vw,12px)}.dials--two{grid-template-columns:repeat(2,1fr)}.dial{display:flex;flex-direction:column;align-items:center;gap:3px;user-select:none;-webkit-user-select:none;touch-action:none}.dial__face{width:100%;max-width:64px;aspect-ratio:1;display:block;cursor:ns-resize}.dial__track{fill:none;stroke:var(--ink-26);stroke-width:1.4}.dial__arc{fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round}.dial__pin{stroke:var(--ink);stroke-width:1.4;stroke-linecap:round}.dial__hub{fill:var(--paper);stroke:var(--ink);stroke-width:.5}.dial__label{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-48)}.dial__val{font-family:var(--mono);font-size:10.5px;color:var(--ink);font-variant-numeric:tabular-nums}.dial{position:relative}.dial__cc{position:absolute;top:0;right:2px;font-family:var(--mono);font-size:8px;letter-spacing:.02em;color:var(--red);line-height:1;pointer-events:none}.dial:not(.is-bound) .dial__cc{display:none}.dial.is-learning .dial__face{cursor:cell}.dial.is-learning .dial__track{stroke:var(--red);animation:dial-learn 1s ease-in-out infinite}.dial.is-learning .dial__label{color:var(--red)}@keyframes dial-learn{0%,to{opacity:.3}50%{opacity:1}}.hint{font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--ink-48);margin:10px 0 0}.seg-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-48)}.voice__fx{display:flex;flex-direction:column;gap:5px}.voice__more{margin-top:auto;align-self:flex-start}.linklike{background:none;border:none;padding:4px 0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-70);border-bottom:var(--hair)}.linklike:hover{color:var(--red);border-color:var(--red)}.bay{display:flex;flex-direction:column;gap:8px;min-width:0}.bay__cap{display:flex;align-items:baseline;gap:8px}.bay__cap .fig{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--red)}.bay__cap .ttl{font-family:var(--serif);font-size:clamp(14px,1.3vw,18px);font-weight:600}.bay__cap .note{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-48)}.tape{display:flex;flex-direction:column;gap:9px;min-width:0}.tape__deck{position:relative}.tape__lane{width:100%;height:clamp(46px,6vh,64px);display:block;border:var(--hair);border-radius:var(--r);background:var(--paper);transition:border-color .15s}.tape__deck.is-recording .tape__lane{border-color:var(--red)}.tape__meta{position:absolute;top:5px;right:8px;display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.tape__spec{color:var(--ink-48)}.tape__rec{display:none;align-items:center;gap:4px;color:var(--red);font-weight:600}.tape__rec-dot{width:7px;height:7px;border-radius:50%;background:var(--red)}.tape__deck.is-recording .tape__rec{display:inline-flex;animation:rec-blink 1.1s ease-in-out infinite}@keyframes rec-blink{50%{opacity:.35}}.transport{display:flex;align-items:center;gap:clamp(8px,1vw,14px);flex-wrap:wrap}.transport__main{display:inline-flex;align-items:center;gap:7px}.transport__ghost{display:inline-flex;align-items:center;gap:4px}.transport__count{display:inline-flex;align-items:center;gap:5px}.transport__pos{font-family:var(--mono);font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums;min-width:28px;letter-spacing:.02em}.transport__pos.is-off{color:var(--ink-26)}.transport__tick{width:18px;height:18px;display:inline-grid;place-items:center;border:var(--hair-soft);border-radius:50%;background:none;font-size:9px;color:var(--ink-26);line-height:1}.transport__tick.is-on{color:var(--red);border-color:var(--red)}.tbtn{width:32px;height:30px;display:inline-grid;place-items:center;border:var(--hair);border-radius:var(--r);background:var(--paper);color:var(--ink);transition:background .12s,color .12s,border-color .12s}.tbtn svg{width:13px;height:13px;display:block}.tbtn:hover{background:var(--ink-12)}.tbtn.is-on{background:var(--ink);color:var(--paper)}.tbtn:disabled{opacity:.36;cursor:default}.tbtn--rec{width:40px;height:36px;border-radius:50%;border-color:var(--red);color:var(--red)}.tbtn--rec svg{width:17px;height:17px}.tbtn--rec:hover{background:color-mix(in srgb,var(--red) 14%,transparent)}.tbtn--rec.is-on{background:var(--red);border-color:var(--red);color:var(--paper);animation:rec-pulse 1.1s ease-in-out infinite}@keyframes rec-pulse{50%{background:color-mix(in srgb,var(--red) 68%,var(--ink))}}.tbtn--ghost{width:26px;height:26px;border-color:var(--ink-26);color:var(--ink-70);font-size:13px}.tbtn--ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.tempo{display:inline-flex;align-items:baseline;gap:6px;margin-left:4px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-70)}.tempo input{width:46px;border:none;border-bottom:var(--hair);background:transparent;font-family:var(--mono);font-size:13px;color:var(--ink);text-align:right;padding:0 2px 1px}.tempo input:focus{outline:none;border-color:var(--red)}.tempo .unit{color:var(--ink-48);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.lanes{display:flex;flex-direction:column;gap:3px}.lane{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:8px;padding:4px 6px;border:var(--hair-soft);border-radius:var(--r);font-family:var(--mono);font-size:10.5px;cursor:pointer;transition:border-color .12s,background .12s}.lane:hover:not(.is-armed){border-color:var(--ink-26);background:var(--ink-12)}.lane:focus-visible{outline:2px solid var(--red);outline-offset:1px}.lane.is-armed{border-color:var(--red)}.lane__ix{color:var(--ink-48);letter-spacing:.08em;min-width:16px}.lane.is-armed .lane__ix{color:var(--red)}.lane__arm{pointer-events:none}.lane__arm{width:9px;height:9px;border-radius:50%;border:var(--hair);background:transparent;padding:0}.lane.is-armed .lane__arm{background:var(--red);border-color:var(--red)}.lane__name{color:var(--ink-70);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane__count{color:var(--ink-48);font-variant-numeric:tabular-nums}.lane__mute,.lane__del{background:none;border:var(--hair-soft);border-radius:var(--r);width:20px;height:18px;display:inline-grid;place-items:center;font-size:9px;letter-spacing:.06em;color:var(--ink-70)}.lane__mute.is-on{background:var(--ink);color:var(--paper)}.lane__add{align-self:flex-start;background:none;border:var(--hair);border-radius:var(--r);padding:3px 9px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70)}.lane__add:hover{color:var(--red);border-color:var(--red)}.harm{display:flex;flex-direction:column;gap:8px;min-width:0}.harm__controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.harm__hint{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-48);border:var(--hair-soft);border-radius:var(--r);padding:2px 7px}.field{border:var(--hair);border-radius:var(--r);background:var(--paper);padding:4px 6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink)}.field:focus{outline:none;border-color:var(--red)}.toggle{border:var(--hair);border-radius:var(--r);background:var(--paper);padding:4px 9px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70)}.toggle.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.toggle.lock.is-on{background:var(--cobalt);border-color:var(--cobalt);color:var(--paper)}.pads{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:var(--hair);border-radius:var(--r);background:var(--paper);padding:clamp(7px,1vh,12px) 2px;transition:background .1s,color .1s,transform .05s}.pad__n{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;color:var(--ink-48)}.pad__name{font-family:var(--serif);font-size:clamp(13px,1.3vw,17px);font-weight:600;color:var(--ink);line-height:1}.pad:hover{background:var(--ink-12)}.pad.is-sel{border-color:var(--red)}.pad.is-on{background:var(--red);border-color:var(--red);transform:translateY(1px)}.pad.is-on .pad__n,.pad.is-on .pad__name{color:var(--paper)}.strum{display:flex;gap:2px;height:clamp(18px,2.4vh,28px);border:var(--hair);border-radius:var(--r);padding:3px;background:var(--paper);touch-action:none}.strum__s{flex:1;background:var(--ink-12);border-radius:1px;transition:background .06s}.strum__s.pluck{background:var(--gold)}.arp{display:flex;flex-direction:column;gap:7px;border:var(--hair);border-radius:var(--r);padding:8px;background:var(--paper)}.arp__controls{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.arp__power{display:inline-flex;align-items:center;gap:7px;border:var(--hair);border-radius:var(--r);background:var(--paper);padding:5px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-70);transition:background .12s,color .12s,border-color .12s}.arp__dot{width:8px;height:8px;border-radius:50%;border:var(--hair);background:transparent;transition:background .12s}.arp__power:hover{border-color:var(--gold);color:var(--ink)}.arp__power.is-on{background:var(--gold);border-color:var(--gold);color:var(--ink)}.arp__power.is-on .arp__dot{background:var(--ink);border-color:var(--ink)}.arp .seg{flex:1 1 auto}.arp__run{height:clamp(28px,3.4vh,40px);border:var(--hair);border-radius:var(--r);background:var(--ink);display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:4px 5px;overflow:hidden;transition:border-color .15s}.arp__step{flex:0 1 22px;min-width:4px;background:var(--paper-16);border-radius:1px;transition:background .07s}.arp__step.is-lit{background:var(--gold)}.arp__idle{margin:auto;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-40)}.harm.arp-running .arp__run{border-color:var(--gold)}.keys{position:relative;height:clamp(92px,12.5vh,132px);border:var(--hair);border-radius:var(--r);background:var(--paper);touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.keys__row{position:absolute;inset:0;display:flex}.wkey{flex:1;border-right:var(--hair);position:relative;background:var(--paper);transition:background .05s}.wkey:last-child{border-right:none}.wkey.is-on{background:var(--ink)}.bkey{position:absolute;top:0;height:62%;transform:translate(-50%);background:var(--ink);border:.5px solid var(--ink);border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r);z-index:2;transition:background .05s}.bkey.is-on{background:var(--red)}.kcap{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:var(--ink-26);pointer-events:none}.wkey.is-on .kcap{color:var(--paper-40)}.drawer-trigger{background:none;border:var(--hair);border-radius:var(--r);padding:4px 10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-70)}.drawer-trigger:hover{color:var(--red);border-color:var(--red)}.drawer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 40%,transparent);opacity:0;pointer-events:none;transition:opacity .18s ease}.drawer.is-open{opacity:1;pointer-events:auto}.drawer__sheet{width:min(760px,93vw);max-height:88vh;overflow:auto;background:var(--paper);border:var(--hair);padding:clamp(16px,2.4vw,30px);display:flex;flex-direction:column;gap:clamp(14px,2vw,24px);transform:translateY(8px);transition:transform .18s ease}.drawer.is-open .drawer__sheet{transform:none}.drawer__head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:var(--hair);padding-bottom:8px}.sheet-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,26px)}@media(max-width:620px){.sheet-cols{grid-template-columns:1fr}}.rack{display:flex;flex-direction:column;gap:clamp(12px,1.6vw,18px)}.rack__seg{display:flex;gap:clamp(10px,1.4vw,18px);flex-wrap:wrap;align-items:center}.rack__seg .seg-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-48);margin-right:2px}.rack__group{display:flex;flex-direction:column;gap:8px}.rack__group>h4{margin:0;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.rack__dials{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:clamp(8px,1.2vw,14px)}.drawer__head h2{margin:0;font-family:var(--serif);font-weight:600;font-size:22px}.drawer__close{background:none;border:var(--hair);border-radius:var(--r);width:28px;height:28px}.drawer__close:hover{background:var(--red);color:var(--paper);border-color:var(--red)}.drawer__col{display:flex;flex-direction:column;gap:10px}.drawer__col h3{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48)}.link__status{font-family:var(--mono);font-size:11px;color:var(--ink-70);min-height:1.4em}.link__url{width:100%;border:var(--hair);border-radius:var(--r);background:var(--paper-deep);padding:6px 8px;font-family:var(--mono);font-size:10.5px;color:var(--ink)}.link__qr{width:120px;height:120px;image-rendering:pixelated;border:var(--hair);align-self:flex-start}.btn{border:var(--hair);border-radius:var(--r);background:var(--paper);padding:6px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);align-self:flex-start}.btn:hover{background:var(--ink);color:var(--paper)}.btn.btn--red:hover{background:var(--red);border-color:var(--red)}.mon{border:var(--hair);border-radius:var(--r);background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10.5px;height:132px;overflow:auto;padding:6px 8px}.mon__line{display:flex;gap:10px;color:var(--paper-70);white-space:nowrap}.mon__line .t{color:var(--gold)}.mon__empty{color:var(--paper-40)}.ctrls{display:flex;flex-direction:column;gap:6px}.ctrl{display:flex;justify-content:space-between;align-items:center;border:var(--hair-soft);border-radius:var(--r);padding:5px 8px;font-family:var(--mono);font-size:10.5px}.ctrl .name{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctrl .badge{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:var(--r)}.ctrl .badge.matched{background:var(--cobalt);color:var(--paper)}.ctrl .badge.unknown{border:var(--hair-soft);color:var(--ink-48)}.ctrl__empty{color:var(--ink-48);font-family:var(--mono);font-size:10.5px}.kbd-hint{position:absolute;right:9px;top:8px;display:flex;gap:12px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-48);pointer-events:none;z-index:3;background:color-mix(in srgb,var(--paper) 90%,transparent);border:var(--hair-soft);border-radius:var(--r);padding:3px 9px}.kbd-hint b{color:var(--ink)}.rail{display:flex;flex-direction:column;min-height:0;min-width:0}.rail--left{grid-area:left}.rail__tabs{display:flex;gap:4px;border-bottom:var(--hair);padding-bottom:6px;margin-bottom:clamp(8px,1.2vh,14px)}.rail--center .rail__tabs{margin-bottom:0;padding-bottom:0;border-bottom:none}.rtab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--paper);border:var(--hair);border-radius:var(--r);padding:7px 10px;text-align:left;transition:background .12s,color .12s,border-color .12s}.rtab__fig{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.rtab__ttl{font-family:var(--serif);font-size:clamp(14px,1.4vw,19px);font-weight:600;letter-spacing:.01em;line-height:1}.rtab:hover{background:var(--ink-12)}.rtab.is-on{background:var(--ink);border-color:var(--ink)}.rtab.is-on .rtab__fig{color:var(--gold)}.rtab.is-on .rtab__ttl{color:var(--paper)}.rail__body{flex:1 1 auto;min-height:0;overflow:auto;position:relative}.rail--center .rail__body{overflow:visible}.rail__pane{display:none}.rail__pane.is-on{display:block}.rail--left .rail__pane.is-on{display:flex;flex-direction:column;gap:clamp(8px,1.1vh,14px)}.rail--center{margin-top:clamp(4px,.8vh,10px)}.rail--center .rtab{padding:6px 10px}.rail--right{grid-area:right}.sidecard{display:flex;flex-direction:column;gap:8px;border:var(--hair);border-radius:var(--r);background:var(--paper);padding:var(--pad)}.sidecard__cap{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48);border-bottom:var(--hair-soft);padding-bottom:6px}.sidecard__key{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48)}.sidecard__line{font-family:var(--serif);font-size:clamp(15px,1.5vw,20px);font-weight:600;line-height:1.1;margin-bottom:2px;font-variant-numeric:tabular-nums}.sidecard__line--held{color:var(--red)}.sidecard__hint{margin:6px 0 0;font-family:var(--mono);font-size:10px;line-height:1.55;letter-spacing:.02em;color:var(--ink-48)}@media(max-width:900px){#app{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head" "right" "center" "left"}.rail--right{order:-1}}.splash{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--paper);transition:opacity .6s ease}.splash.is-gone{opacity:0;pointer-events:none}.splash__card{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,22px);text-align:center;padding:clamp(20px,4vw,48px)}.splash__glyph{width:clamp(160px,26vw,240px)}.splash__glyph svg{width:100%;height:auto;display:block}.splash__title{margin:0;font-family:var(--serif);font-weight:600;font-optical-sizing:auto;font-size:clamp(48px,9vw,104px);line-height:.92;letter-spacing:.02em}.splash__title .dot{color:var(--red)}.splash__sub{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(15px,1.8vw,22px);color:var(--ink-70)}.splash__cue{margin:clamp(8px,1.4vh,16px) 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-48);animation:cue-breathe 2.4s ease-in-out infinite}@keyframes cue-breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.plate-head,.rail--left,.center,.rail--right{opacity:0}body.is-live .plate-head{animation:rise .6s cubic-bezier(.2,.7,.2,1) .04s both}body.is-live .center{animation:rise .7s cubic-bezier(.2,.7,.2,1) .14s both}body.is-live .rail--left{animation:rise .6s cubic-bezier(.2,.7,.2,1) .22s both}body.is-live .rail--right{animation:rise .6s cubic-bezier(.2,.7,.2,1) .3s both}@media(prefers-reduced-motion:reduce){.plate-head,.rail--left,.center,.rail--right{opacity:1!important;animation:none!important}.splash__cue,.tbtn--rec.is-on{animation:none}}.rail--left .panel{border:none;padding:0;gap:clamp(8px,1.1vh,14px)}.rail--left .voice{gap:clamp(6px,.9vh,12px)}.rail--left .seg button{padding:5px 3px;font-size:9.5px;letter-spacing:.03em}.rail--left .dials{gap:4px 8px}.rail--left .dial{gap:1px}.rail--left .dial__face{max-width:54px}.rail--left .dial__label{font-size:8.5px}.rail--left .dial__val{font-size:9.5px}.rail--left .voice__fx{flex-direction:row;align-items:center;gap:9px}.rail--left .voice__fx .seg-label{flex:0 0 auto}.rail--left .voice__fx .seg{flex:1 1 auto}.rail--left .voice__more{margin-top:4px}.rail--left .tape{gap:7px}.rail--left .tape__lane{height:clamp(44px,6vh,64px)}.rail--center .bay__cap,.rail--center .panel__cap{display:none}.rail--center .harm{gap:7px}.rail--center .pads{gap:5px}.rail--center .keys{height:clamp(96px,13vh,140px)}