/* Hallmark · component: performance desk · genre: editorial · theme: PR255 Warm Signal */
.beat-heading{display:flex;justify-content:space-between;gap:var(--s5);align-items:end;margin:var(--s6) 0 var(--s5)}.beat-heading h1{font-size:clamp(36px,5vw,68px);margin:var(--s2) 0}.beat-heading p{margin:0;max-width:670px}.instrument-switch{display:flex;gap:var(--s2);flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:var(--s4);font:12px var(--font-mono)}.instrument-switch a{padding:var(--s3);border:1px solid var(--rule)}.instrument-switch a[aria-current]{background:var(--ink);color:var(--paper)}.beat-transport{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);padding:var(--s4);background:var(--dark);color:var(--paper);margin:var(--s4) 0}.beat-transport button{background:var(--paper);color:var(--ink)}.beat-transport .control{width:125px}.beat-transport select{background:var(--paper);color:var(--ink)}.beat-transport .beat-position{font:20px var(--font-mono);margin-left:auto;min-width:100px}.beat-transport button[aria-pressed=true]{background:var(--accent);color:var(--light)}.beat-toolbar{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin:var(--s4) 0}.beat-toolbar label{min-width:110px;max-width:220px}.desk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--rule)}.channel{padding:var(--s4);border-right:1px solid var(--rule);min-width:0}.channel:last-child{border-right:0}.channel h2{font:20px var(--font-display);margin:var(--s2) 0}.channel .channel-number{font:10px var(--font-mono);color:var(--muted)}.channel .control{margin-top:var(--s3)}.channel .actions{gap:var(--s2);margin:var(--s3) 0}.channel button{font:11px var(--font-mono);padding:var(--s2);min-height:36px}.channel .hit{width:100%;height:56px;background:var(--dark);color:var(--signal);margin-top:var(--s3);touch-action:none}.channel button[aria-pressed=true],.channel .hit.playing{background:var(--accent);color:var(--light)}.drum-pads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1)}.drum-pads .hit{height:28px;margin-top:var(--s1)}.seq-desk{margin-top:var(--s5);border:1px solid var(--rule);padding:var(--s4)}.seq-heading{display:flex;justify-content:space-between;gap:var(--s3);align-items:baseline;flex-wrap:wrap}.seq-heading h2{font-size:26px;margin:0}.seq-grid{display:grid;grid-template-columns:78px repeat(16,minmax(0,1fr));gap:4px;margin-top:var(--s4)}.seq-label{font:11px var(--font-mono);align-self:center}.beat-step{padding:0;height:42px;min-height:42px;min-width:0;font:10px var(--font-mono);border:1px solid var(--rule);position:relative}.beat-step:nth-of-type(4n+1){border-left-color:var(--ink)}.beat-step[aria-pressed=true]{background:var(--dark);color:var(--signal)}.beat-step.selected{outline:2px solid var(--accent);outline-offset:1px}.beat-step.current::after{content:'';position:absolute;bottom:2px;left:15%;width:70%;height:3px;background:var(--accent)}.step-editor{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:var(--s4);border-top:1px solid var(--rule);padding-top:var(--s4);margin-top:var(--s4);align-items:center}.step-editor strong{font:12px var(--font-mono)}.beat-help{font:12px/1.6 var(--font-mono);color:var(--muted)}.beat-footer{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}.beat-footer .rack{min-width:0}.beat-notes{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--rule);padding:var(--s3)}.beat-keyboard{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--s1);margin-top:var(--s3)}.beat-keyboard button{min-width:0;padding:var(--s2);font:11px var(--font-mono);height:45px;touch-action:none}.beat-keyboard button.playing{background:var(--accent);color:var(--light)}.beat-meter{height:5px;background:var(--paper2);margin-top:var(--s3)}.beat-meter i{display:block;height:100%;width:0;background:var(--accent)}
@media(max-width:1000px){.desk{grid-template-columns:repeat(3,minmax(0,1fr))}.channel{border-bottom:1px solid var(--rule)}.channel:last-child{grid-column:span 2}.beat-heading{display:block}.seq-grid{grid-template-columns:62px repeat(16,minmax(0,1fr));gap:3px}.beat-step{height:36px;min-height:36px}.step-editor{grid-template-columns:repeat(4,minmax(0,1fr))}.step-editor strong{grid-column:1/-1}}
@media(max-width:600px){.desk{grid-template-columns:repeat(2,minmax(0,1fr))}.channel:last-child{grid-column:1/-1}.channel{padding:var(--s3)}.beat-transport{padding:var(--s3)}.beat-transport .control{width:calc(50% - 12px)}.beat-transport .beat-position{margin-left:0;font-size:16px}.seq-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.seq-label{grid-column:1/-1;margin-top:var(--s3)}.beat-step{height:34px}.seq-desk{padding:var(--s3)}.step-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-footer{grid-template-columns:1fr}.beat-keyboard{grid-template-columns:repeat(4,minmax(0,1fr))}.beat-heading h1{font-size:40px}}

.beat-transport .control output{color:var(--signal)}.master-mini{width:75px;display:block}.beat-focus .masthead,.beat-focus .beat-heading,.beat-focus .instrument-switch,.beat-focus #status,.beat-focus .beat-help,.beat-focus .beat-footer,.beat-focus .beat-shell>details,.beat-focus .foot{display:none}.beat-focus .beat-shell{padding-top:12px}.beat-focus .channel .control{margin-top:6px}.beat-focus .channel{padding:10px}.beat-focus .channel .hit{height:34px}.beat-focus .channel .actions{margin:6px 0}.beat-focus .seq-desk{margin-top:12px}.beat-focus .beat-toolbar{margin:8px 0}

.harp-stage,.bass-drawing{margin:1.5rem 0;border:1px solid var(--rule);padding:1.25rem}.harp-stage h2,.bass-drawing h2{margin:.3rem 0 1rem}.harp-stage canvas,.bass-drawing canvas{display:block;width:100%;touch-action:none;border:1px solid #667462;cursor:crosshair}#harp-surface{height:260px}#bass-roll{height:330px}.random-tools{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.random-tools .control{min-width:130px;flex:1}.random-tools button{margin-bottom:.8rem}.beat-focus .harp-stage{margin:.5rem 0}.beat-focus #harp-surface{height:180px}@media(max-width:600px){.harp-stage,.bass-drawing{padding:.75rem}.harp-stage .seq-heading,.bass-drawing .seq-heading{align-items:stretch;flex-direction:column}#harp-surface{height:220px}#bass-roll{height:330px}.random-tools button{flex:1;min-width:110px}}

.beat-step{touch-action:none}.harp-stage .beat-help,.bass-drawing .beat-help{max-width:100ch}