:root{
  --ink:#0b0a08;--orange:#f08b25;--cream:#f5e6c7;--green:#55c83c;--pink:#e65ca6;--yellow:#f6d719;
  --paper:#f1dfba;--muted:#b9a88a;--line:#5c4d36;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--max:1660px;--label-w:178px;--mute-w:78px;
}
*{box-sizing:border-box}html{background:var(--orange)}body{margin:0;background:var(--orange);color:var(--ink);font-family:var(--sans);line-height:1.35;min-height:100vh}
button,input,select{font:inherit}button,select,input[type="range"]{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button{border-radius:0}a{color:inherit}.wrap{width:min(calc(100% - 34px),var(--max));margin-inline:auto}.skip{position:fixed;left:12px;top:-100px;z-index:999;background:var(--yellow);padding:10px 14px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}[hidden]{display:none!important}
.v2-header{position:sticky;top:0;z-index:40;background:rgba(11,10,8,.96);color:var(--cream);border-bottom:1px solid #4a3b28;backdrop-filter:blur(14px)}
.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.lab-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.01em}.lab-brand img{width:42px;height:42px}.lab-brand small{display:block;font:9px/1.35 var(--mono);letter-spacing:.09em;color:var(--muted)}.version-chip{font:800 10px/1 var(--mono);border:1px solid #6c5a3e;padding:8px 10px;color:var(--yellow);white-space:nowrap}
.v2-main{padding:18px 0 38px}.intro-strip{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:5px 2px 16px}.intro-strip h1{margin:0;font-size:clamp(34px,4.4vw,70px);line-height:.92;letter-spacing:-.06em;text-transform:uppercase}.intro-strip h1 em{font-style:normal;color:var(--cream);text-shadow:3px 3px 0 var(--ink)}.intro-strip p{margin:0;max-width:46ch;font:700 11px/1.55 var(--mono)}
.control-deck{display:grid;grid-template-columns:minmax(330px,1.05fr) minmax(430px,1.15fr) minmax(560px,1.35fr);gap:1px;background:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 #a55c1a;margin-bottom:14px}.control-block{background:#17140f;color:var(--cream);padding:12px 14px;min-width:0}.control-label{display:block;margin:0 0 6px;font:800 9px/1.25 var(--mono);letter-spacing:.1em;color:#bfae91}.preset-line{display:grid;grid-template-columns:1fr 1fr;gap:9px}.control-block select{width:100%;min-width:0;height:39px;border:1px solid #6c5a3e;background:#221e16;color:var(--cream);padding:7px 29px 7px 9px;font:750 11px/1 var(--mono)}.bank-tag{display:block;margin-top:7px;font:9px/1.3 var(--mono);color:#a9997c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transport-block{display:flex;align-items:center;gap:7px;justify-content:center}.transport-button{height:44px;min-width:74px;border:1px solid #6c5a3e;background:#211c14;color:var(--cream);font:800 11px/1 var(--mono);padding:0 12px}.transport-button:hover:not(:disabled){background:#2b251b}.transport-button.primary{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.transport-button.record{color:#ff9ebf}.transport-button.record.is-recording{background:var(--pink);color:var(--ink);border-color:var(--pink);box-shadow:0 0 24px rgba(230,92,166,.28)}.transport-state{margin-left:4px;border-left:1px solid #63533a;padding-left:11px;min-width:82px;font:900 9px/1.25 var(--mono);letter-spacing:.09em;color:#c7b698}.transport-state.is-recording{color:var(--pink)}
.timing-block{display:grid;grid-template-columns:82px 112px 92px minmax(138px,1fr) minmax(110px,1fr);gap:10px;align-items:end}.tempo-box input{width:100%;height:39px;background:#221e16;color:var(--cream);border:1px solid #6c5a3e;padding:5px 8px;font:800 18px/1 var(--mono)}.tempo-box .inline-readout{position:absolute;opacity:0;pointer-events:none}.resolution-buttons{display:flex;height:39px}.resolution-buttons button{flex:1;border:1px solid #6c5a3e;background:#221e16;color:var(--cream);font:900 14px/1 var(--mono)}.resolution-buttons button+button{border-left:0}.resolution-buttons button[aria-pressed="true"]{background:var(--green);color:var(--ink)}.volume-box input,.groove-box input{width:100%;accent-color:var(--green)}.small-output{font:800 9px/1 var(--mono);color:var(--yellow);float:right}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.lab-status.is-error{color:inherit}
.base-workspace{display:grid;grid-template-columns:minmax(390px,.78fr) minmax(720px,1.42fr);gap:14px;align-items:stretch}.figure-panel,.sequencer-panel{border:2px solid var(--ink);min-width:0}.figure-panel{background:var(--ink);color:var(--cream);display:flex;flex-direction:column}.sequencer-panel{background:var(--paper);color:var(--ink)}
.panel-head{min-height:58px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #574a35}.sequencer-panel .panel-head{border-bottom:2px solid var(--ink)}.panel-head h2{font-size:15px;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em;margin:0}.panel-head p{font:800 9px/1.4 var(--mono);margin:4px 0 0;color:#aa9879}.sequencer-panel .panel-head p{color:#665943}.panel-index{font:900 11px/1 var(--mono);color:var(--yellow);margin-right:8px}.sequencer-panel .panel-index{color:var(--pink)}
.selected-track{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center}.selected-track b{font:950 26px/1 var(--mono);color:var(--yellow)}.selected-track span{display:block;font:850 11px/1.2 var(--mono)}.selected-track small{display:block;font:800 8px/1.25 var(--mono);color:#a89472;letter-spacing:.08em}.selected-track small.is-vocal{color:var(--pink)}
.figure-stage{position:relative;flex:1;display:grid;place-items:center;min-height:560px;padding:8px;background:radial-gradient(circle at 50% 42%,#1d1b14 0,#0b0a08 68%)}.figure-stage::before{content:"0–9";position:absolute;left:14px;bottom:12px;color:#554a35;font:900 42px/1 var(--mono);letter-spacing:-.08em;opacity:.45}.figure-svg{display:block;width:min(100%,620px);height:auto;aspect-ratio:1;overflow:visible;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28))}.figure-node{transform-origin:center}.figure-node .pad-shape{fill:var(--pad-color);stroke:var(--ink);stroke-width:11;transition:fill .09s ease,stroke .09s ease,filter .09s ease}.figure-decoration{pointer-events:none}.figure-decoration .pad-shape{opacity:.98}.figure-pad{cursor:pointer;outline:none!important;-webkit-tap-highlight-color:transparent;transition:filter .12s ease}.figure-pad .selection-halo{fill:none;stroke:var(--pad-color);stroke-width:9;opacity:0;pointer-events:none;filter:drop-shadow(0 0 6px var(--pad-color));transition:opacity .11s ease,stroke-width .11s ease,filter .11s ease}.figure-pad .figure-detail,.figure-pad .mouth-slit{fill:var(--ink);pointer-events:none}.figure-pad .eye-white{fill:var(--cream);pointer-events:none}.figure-pad .eye-highlight,.figure-pad .lip-highlight{fill:var(--cream);pointer-events:none}.figure-pad .pad-number-svg{fill:var(--cream);stroke:var(--ink);stroke-width:10px;paint-order:stroke fill;font:900 29px/1 var(--mono);text-anchor:middle;dominant-baseline:middle;pointer-events:none}.figure-pad.is-selected .selection-halo{opacity:1;stroke-width:10;filter:drop-shadow(0 0 7px var(--pad-color)) drop-shadow(0 0 16px var(--pad-color))}.figure-pad.is-selected .pad-shape{stroke:var(--cream);stroke-width:14}.figure-pad.is-hit .selection-halo{opacity:1;stroke:var(--cream);stroke-width:14;filter:drop-shadow(0 0 8px #fffaf0) drop-shadow(0 0 22px var(--pad-color)) drop-shadow(0 0 38px var(--pad-color))}.figure-pad.is-hit .pad-shape{fill:var(--pad-glow);stroke:#fffaf0;stroke-width:14;filter:drop-shadow(0 0 13px var(--pad-color))}.figure-pad.is-hit .pad-number-svg{fill:#fffaf0;stroke:#0b0a08}.figure-pad:focus,.figure-pad:focus-visible{outline:none!important}.figure-pad:focus-visible .selection-halo{opacity:1;stroke:var(--yellow);stroke-width:13;filter:drop-shadow(0 0 8px var(--yellow)) drop-shadow(0 0 18px var(--pad-color))}.figure-pad.is-muted .pad-shape{opacity:.28;filter:saturate(.3) brightness(.78)}.figure-pad.is-muted .figure-detail,.figure-pad.is-muted .eye-white,.figure-pad.is-muted .eye-highlight,.figure-pad.is-muted .lip-highlight,.figure-pad.is-muted .pad-number-svg,.figure-pad.is-muted .mouth-slit{opacity:.42}.figure-pad.is-muted.is-selected .selection-halo{opacity:.48;filter:drop-shadow(0 0 6px var(--pad-color))}.eye-pupil,.eye-highlight,.nose-dot,.mouth-upper,.mouth-lower,.mouth-slit,.lip-highlight{will-change:cx,cy,r,ry}.figure-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px 14px;border-top:1px solid #574a35;font:800 9px/1.35 var(--mono);color:#a9997c}.figure-foot strong{color:var(--pink);font-size:9px;letter-spacing:.06em}
.seq-actions{display:flex;align-items:center;gap:12px}.position-readout{font:900 10px/1 var(--mono);white-space:nowrap}.clear-button{border:1px solid var(--ink);background:transparent;color:var(--ink);height:34px;padding:0 10px;font:850 9px/1 var(--mono)}.clear-button:hover{background:var(--yellow)}
.seq-meta{display:flex;justify-content:space-between;gap:14px;padding:9px 12px;border-bottom:1px solid #9b8969;font:800 9px/1.2 var(--mono)}.seq-meta strong{font-size:10px}.bar-labels{--bar-min:92px;display:grid;grid-template-columns:var(--label-w) repeat(4,minmax(var(--bar-min),1fr)) var(--mute-w);min-width:calc(var(--label-w) + var(--bar-min)*4 + var(--mute-w));border-bottom:1px solid #8d7b5e;background:#d2bd94}.bar-labels span{padding:7px 6px;text-align:center;border-left:1px solid #8d7b5e;font:900 9px/1.1 var(--mono);letter-spacing:.03em}.bar-label-corner,.bar-label-end{position:sticky;z-index:11;background:#17140f;color:#a99777;font:900 8px/1 var(--mono);display:grid;place-items:center}.bar-label-corner{left:0;border-right:2px solid var(--ink)}.bar-label-end{right:0;border-left:1px solid #8d7b5e}.bar-labels span:last-of-type{border-right:1px solid #8d7b5e}
.sequencer-scroll{overflow:auto;max-width:100%;scrollbar-gutter:stable}.time-scale{--steps:16;display:grid;grid-template-columns:var(--label-w) repeat(var(--steps),minmax(29px,1fr)) var(--mute-w);min-width:calc(var(--label-w) + var(--steps)*29px + var(--mute-w));background:#18150f;color:var(--cream);border-bottom:2px solid var(--ink)}.time-corner{position:sticky;left:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;background:#0b0a08;border-right:2px solid var(--ink);font:950 10px/1 var(--mono)}.time-corner small{font:800 8px/1 var(--mono);color:#a99777}.time-tick{min-width:29px;padding:8px 1px 7px;text-align:center;border-right:1px solid #4d4232;font:900 8px/1 var(--mono);color:#f5e6c7;white-space:nowrap}.time-tick.bar-start{border-left:2px solid var(--yellow)}.time-tick.offbeat{color:#bda989;background:#211d16}.time-tick.is-playhead{background:var(--yellow);color:var(--ink)}.time-end{position:sticky;right:0;z-index:11;background:#0b0a08;border-left:1px solid #4d4232;display:grid;place-items:center;padding:4px 5px;text-align:center}.time-end strong{font:950 9px/1 var(--mono);color:var(--yellow)}.time-end small{font:800 6.5px/1 var(--mono);color:#a99777;margin-top:2px}.sequencer-grid{--steps:32;display:grid;grid-template-columns:var(--label-w) repeat(var(--steps),minmax(29px,1fr)) var(--mute-w);min-width:calc(var(--label-w) + var(--steps)*29px + var(--mute-w));background:#e9d7b2}.seq-corner{position:sticky;left:0;z-index:9;background:var(--ink);color:var(--cream);border-right:2px solid var(--ink);border-bottom:1px solid #5b4d37;padding:8px 9px;display:flex;align-items:center;justify-content:space-between}.seq-corner span{font:900 9px/1 var(--mono)}.seq-corner small{font:800 8px/1 var(--mono);color:#9e8d70}.step-head{height:44px;border-bottom:1px solid #8c7a5b;border-right:1px solid #b7a27e;background:#d9c69f;text-align:center;padding-top:8px;font:850 9px/1 var(--mono)}.step-head span{display:block}.step-head small{display:block;min-height:12px;margin-top:4px;font:900 7px/1 var(--mono);color:#806d4f}.step-head.bar-start{border-left:2px solid var(--ink)}.step-head.is-playhead{background:var(--yellow);color:var(--ink)}
.track-row{grid-column:1/-1;display:grid;grid-template-columns:var(--label-w) minmax(0,1fr) var(--mute-w);min-height:44px;border-bottom:1px solid #b5a17c;background:#f1dfba}.track-row.is-selected{background:#f1dfba}.track-row.group-start{border-top:3px solid var(--ink)}.track-row.is-muted{background:#d8c9aa}.track-row.is-muted .track-label{background:#24211c}.track-row.is-muted .track-label b{filter:grayscale(.75);opacity:.52}.track-row.is-muted .track-name,.track-row.is-muted .track-copy small{opacity:.48}.track-row.is-muted .seq-cell{background:#d4c4a6}.track-row.is-muted .seq-cell::after{opacity:.28;filter:grayscale(1)}.track-label{position:sticky;left:0;z-index:8;border:0;border-right:2px solid var(--ink);background:#17140f;color:var(--cream);display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;text-align:left;padding:5px 8px}.track-label b{width:27px;height:27px;border:2px solid var(--track-color);border-radius:50%;display:grid;place-items:center;font:950 15px/1 var(--mono);color:var(--track-color);transition:box-shadow .11s ease,background .11s ease,color .11s ease,border-color .11s ease}.track-row.is-selected .track-label b{background:var(--track-color);color:var(--ink);border-color:var(--cream);box-shadow:0 0 0 2px var(--track-color),0 0 10px var(--track-color),0 0 22px var(--track-color)}.track-row.is-hit .track-label b{background:#fffaf0;color:var(--ink);border-color:#fffaf0;box-shadow:0 0 0 2px var(--track-color),0 0 12px #fffaf0,0 0 28px var(--track-color)}.track-copy{display:block;min-width:0}.track-label .track-name{display:block;font:800 9px/1.2 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy small{display:block;margin-top:2px;font:800 6.5px/1 var(--mono);letter-spacing:.07em;color:#9d8b6d;white-space:nowrap}.track-label em{font:900 7px/1 var(--mono);font-style:normal;color:var(--pink);border:1px solid #75405d;padding:3px;min-width:34px;text-align:center}.track-cells{display:grid;grid-template-columns:repeat(var(--steps),minmax(29px,1fr))}.seq-cell{position:relative;min-width:29px;border:0;border-right:1px solid #ad9873;border-bottom:0;background:#ead8b4}.seq-cell.bar-start{border-left:2px solid var(--ink)}.seq-cell:hover{background:#f6e8c9}.seq-cell::after{content:"";position:absolute;inset:10px 7px;background:transparent;border:1px solid rgba(11,10,8,.18);transition:inset .08s ease,background .08s ease,box-shadow .08s ease}.seq-cell.is-on::after{inset:7px 5px;background:var(--track-color);border-color:var(--ink);box-shadow:2px 2px 0 rgba(11,10,8,.8)}.seq-cell.is-accent::after{inset:5px 4px}.seq-cell.is-playhead{background:rgba(246,215,25,.32)}.seq-cell.is-recorded::after{animation:record-punch .42s ease}.track-mute{border-left:1px solid #8c7b5e;background:#dcc9a2;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;cursor:pointer;user-select:none;position:sticky;right:0;z-index:7;box-shadow:-2px 0 0 rgba(11,10,8,.18)}.track-mute:hover{background:#f2dfb9}.track-mute-input{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0;opacity:0;z-index:2;cursor:pointer}.mute-box{width:18px;height:18px;border:2px solid var(--ink);background:#f6e8c9;display:grid;place-items:center;box-shadow:1px 1px 0 rgba(11,10,8,.35)}.mute-text{font:900 7px/1 var(--mono);letter-spacing:.04em}.track-mute-input:checked+.mute-box{background:var(--pink);box-shadow:0 0 0 2px var(--ink),0 0 10px rgba(230,92,166,.55)}.track-mute-input:checked+.mute-box::after{content:"×";font:950 17px/.8 var(--mono);color:var(--ink)}.track-row.is-muted .track-mute{background:#c9b798}.track-row.is-muted .mute-text{font-weight:950}.track-mute-input:focus-visible+.mute-box{box-shadow:0 0 0 3px var(--yellow),0 0 13px rgba(246,215,25,.75)}
@keyframes record-punch{0%{transform:scale(.5);box-shadow:0 0 0 0 var(--pink)}45%{transform:scale(1.18);box-shadow:0 0 0 5px rgba(230,92,166,.32)}100%{transform:scale(1);box-shadow:2px 2px 0 rgba(11,10,8,.8)}}

.v2-footer{margin-top:28px;background:var(--ink);color:#b9a98b}.footer-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;font:750 9px/1.5 var(--mono)}.footer-inner nav{display:flex;gap:16px}.footer-inner a:hover{color:var(--yellow)}
@media(max-width:1550px){.control-deck{grid-template-columns:1fr 1.25fr}.timing-block{grid-column:1/-1;grid-template-columns:82px 112px 92px minmax(150px,1fr) minmax(120px,1fr)}.base-workspace{grid-template-columns:minmax(340px,.7fr) minmax(650px,1.3fr)}.figure-stage{min-height:520px}}
@media(max-width:980px){.timing-block{grid-template-columns:82px 112px 92px 1fr 1fr}.base-workspace{grid-template-columns:1fr}.figure-panel,.sequencer-panel{min-height:0}.figure-stage{min-height:480px}.control-deck{grid-template-columns:1fr}.timing-block{grid-column:auto}.intro-strip{align-items:start;flex-direction:column}.bar-labels{margin-left:0}}
@media(max-width:620px){.wrap{width:calc(100% - 20px)}.header-inner{min-height:56px;gap:8px}.lab-brand{font-size:11px;gap:6px;min-width:0}.lab-brand img{width:30px;height:30px;flex:0 0 30px}.lab-brand-copy strong{font-size:19px;white-space:nowrap}.lab-brand-copy small{display:none}.header-actions{gap:4px;flex:0 0 auto}.guide-button,.album-button{height:32px;padding:0 7px;font-size:7px;letter-spacing:.02em}.header-actions .full-label{display:none}.header-actions .compact-label{display:inline}.version-chip{display:none}.v2-main{padding-top:10px}.intro-strip h1{font-size:39px}.control-deck{box-shadow:4px 4px 0 #a55c1a}.preset-line{grid-template-columns:1fr}.transport-block{justify-content:flex-start;flex-wrap:wrap}.transport-button{min-width:64px}.transport-state{border-left:0;padding-left:0;width:100%}.timing-block{grid-template-columns:82px 105px 92px 1fr 1fr}.figure-stage{min-height:360px}.figure-foot{align-items:flex-start;flex-direction:column}.footer-inner{padding:16px 0;align-items:flex-start;flex-direction:column}.footer-inner nav{flex-wrap:wrap}}

.click-control{min-width:0}.click-switch{height:27px;display:flex;align-items:center;gap:6px;cursor:pointer;position:relative}.click-switch input{position:absolute;left:0;top:4px;width:30px;height:18px;margin:0;opacity:0;z-index:2;cursor:pointer}.click-switch>span{width:30px;height:18px;border:2px solid #6c5a3e;background:#221e16;position:relative}.click-switch>span::after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;background:#7c6d55;transition:transform .12s ease,background .12s ease}.click-switch input:checked+span::after{transform:translateX(12px);background:var(--yellow)}.click-switch b{font:900 8px/1 var(--mono);color:#8d7b61}.click-switch input:checked~b{color:var(--yellow)}.click-switch input:focus-visible+span{box-shadow:0 0 0 3px var(--yellow),0 0 12px rgba(246,215,25,.55)}
.beat-lights{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:2px}.beat-light{display:block;height:4px;background:#4e4433;transition:background .06s ease,box-shadow .06s ease}.beat-light.is-active{background:var(--green);box-shadow:0 0 7px var(--green)}.beat-light.is-one.is-active{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}
.groove-box{transition:opacity .12s ease}.groove-box.is-disabled{opacity:.38}
.track-label,.seq-cell,.sequencer-scroll{outline:none!important}.track-label:focus-visible b{background:var(--track-color);color:var(--ink);border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow),0 0 16px var(--track-color)}.seq-cell:focus-visible::after{box-shadow:inset 0 0 0 3px var(--yellow),0 0 0 1px var(--ink)}.sequencer-scroll:focus-visible{box-shadow:inset 0 0 0 2px rgba(246,215,25,.75)}
.track-row[data-group="BASS"] .track-label em{color:var(--yellow);border-color:#746917}.track-row[data-group="PERC"] .track-label em{color:var(--green);border-color:#397f2c}.track-row[data-group="COMP"] .track-label em{color:#9dccff;border-color:#41607b}.track-row[data-group="VOICE"] .track-label em{color:var(--pink);border-color:#75405d}

@media(max-width:720px){.timing-block{grid-template-columns:82px 112px 1fr}.groove-box,.volume-box{grid-column:auto / span 1}.track-label{grid-template-columns:32px minmax(0,1fr) auto}.track-label em{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.figure-pad,.figure-pad .pad-shape,.figure-pad .selection-halo,.track-label b,.seq-cell::after{transition:none}.seq-cell.is-recorded::after{animation:none}}

/* v2.6 timing-lock hardening */
.compact-label{display:none}.lab-brand-copy{display:flex;flex-direction:column;gap:2px}.lab-brand-copy strong{font:950 clamp(25px,2.4vw,38px)/.9 var(--sans);letter-spacing:-.055em;color:var(--cream)}.lab-brand-copy small{font:800 8px/1.25 var(--mono);letter-spacing:.08em;color:#a9997c}.header-actions{display:flex;align-items:center;gap:9px}.album-button{display:inline-flex;align-items:center;height:34px;padding:0 11px;border:1px solid var(--cream);background:var(--cream);color:var(--ink);text-decoration:none;font:900 9px/1 var(--mono);letter-spacing:.04em}.album-button:hover{background:var(--yellow);border-color:var(--yellow)}
.timing-calibration{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding-top:8px;border-top:1px solid #493e2d;font:850 10px/1.25 var(--mono);color:#d4c3a6;min-width:0}.timing-calibration strong{font:900 10px/1.25 var(--mono);color:var(--cream);min-width:0}.timing-calibration #timingStatus{color:var(--green);text-align:right;white-space:nowrap}.timing-calibration #timingStatus.is-warning{color:var(--yellow)}.timing-calibration #audioStatus{grid-column:1/-1;color:#9dccff;text-align:left;font:800 9px/1.25 var(--mono);white-space:normal;overflow-wrap:anywhere}.undo-button:not(:disabled){background:var(--yellow);font-weight:950}.undo-button:disabled{opacity:.35}
.groove-box.is-disabled .small-output{color:#8f7e61}.groove-box:not(.is-disabled) .small-output{color:var(--yellow)}
@media(max-width:720px){.header-actions{gap:5px}.album-button{padding:0 7px;font-size:7px}.lab-brand-copy strong{font-size:24px}.timing-calibration{grid-template-columns:1fr}.timing-calibration #timingStatus,.timing-calibration #audioStatus{text-align:left;grid-column:auto;white-space:normal}}

.bank-meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-top:7px}.bank-meta .bank-tag{margin-top:0}.draft-status{font:800 7px/1 var(--mono);color:#7fcf6a;white-space:nowrap}.seed-reset{height:22px;border:1px solid #6c5a3e;background:#221e16;color:#bfae91;padding:0 7px;font:900 7px/1 var(--mono)}.seed-reset:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.seed-reset:disabled{opacity:.3}
@media(max-width:620px){.bank-meta{grid-template-columns:1fr auto}.bank-meta .bank-tag{grid-column:1/-1}}

.guide-button{display:inline-flex;align-items:center;height:34px;padding:0 11px;border:1px solid #6c5a3e;background:#17140f;color:var(--yellow);text-decoration:none;font:900 9px/1 var(--mono);letter-spacing:.04em}.guide-button:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
@media(max-width:720px){.guide-button{padding:0 7px;font-size:7px}}