/* Modular Studio ALPHA 04 — workflow layer */
.transport-btn.metro{font-size:15px}.transport-btn.metro[aria-pressed="true"]{border-color:rgba(184,255,61,.6);background:rgba(184,255,61,.14);color:var(--acid)}
.edit-btn.history{min-width:31px;padding:0 7px}.edit-btn.history:disabled{opacity:.25}.loop-tools{display:flex;align-items:center;gap:5px;margin-left:3px;padding-left:8px;border-left:1px solid var(--line)}.loop-readout{min-width:145px;color:rgba(238,243,239,.43);font:700 6px/1 "Courier New",monospace;letter-spacing:.05em;white-space:nowrap}.mixer-toggle{border-color:rgba(184,255,61,.22)}
.loop-range{position:absolute;top:var(--ruler-h);bottom:0;z-index:2;pointer-events:none;border-left:1px solid rgba(184,255,61,.38);border-right:1px solid rgba(184,255,61,.38);background:linear-gradient(180deg,rgba(184,255,61,.045),rgba(184,255,61,.015));opacity:.22}.loop-range.is-active{opacity:1;box-shadow:inset 0 0 22px rgba(184,255,61,.025)}
.mixer-drawer{position:fixed;z-index:50;left:0;right:0;bottom:28px;height:262px;display:grid;grid-template-rows:34px 1fr;transform:translateY(calc(100% + 30px));transition:transform .2s ease;border-top:1px solid rgba(184,255,61,.25);background:linear-gradient(180deg,rgba(17,22,19,.985),rgba(6,9,7,.99));box-shadow:0 -24px 65px rgba(0,0,0,.55)}.mixer-drawer.is-open{transform:translateY(0)}.mixer-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted);font:700 8px/1 "Courier New",monospace;letter-spacing:.14em}.mixer-drawer-head strong{color:var(--acid);font-size:8px}.mixer-channels{display:flex;align-items:stretch;gap:1px;overflow-x:auto;overflow-y:hidden;background:rgba(255,255,255,.025);scrollbar-color:#263129 #090c0a}.workflow-channel{flex:0 0 116px;display:grid;grid-template-rows:20px 25px 28px 34px 1fr;justify-items:center;gap:3px;padding:8px 8px 10px;border-right:1px solid var(--line);background:linear-gradient(180deg,#111612,#090c0a)}.workflow-channel.is-master{flex-basis:124px;background:linear-gradient(180deg,rgba(184,255,61,.06),#090d0a)}.wf-channel-no{color:rgba(184,255,61,.6);font:700 7px/1 "Courier New",monospace}.wf-name{width:100%;height:23px;border:1px solid transparent;border-radius:3px;background:rgba(255,255,255,.025);color:var(--text);font:700 10px/1 Arial,sans-serif;text-align:center;outline:0}.wf-name:focus{border-color:rgba(184,255,61,.28)}.wf-master-name{height:23px;display:grid;place-items:center;color:var(--text);font:800 10px/1 Arial,sans-serif}.wf-buttons{display:flex;gap:5px}.wf-buttons button{width:28px;height:24px;border:1px solid var(--line-strong);border-radius:4px;background:linear-gradient(180deg,#1a201d,#0e120f);color:var(--muted);font:700 8px/1 "Courier New",monospace;cursor:pointer}.wf-buttons button.on.wf-mute,.wf-buttons button.on.wf-master-mute{background:var(--warn);border-color:var(--warn);color:#151515}.wf-buttons button.on.wf-solo{background:var(--acid);border-color:var(--acid);color:#101510}.wf-pan-label{width:100%;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:3px;color:var(--dim);font:700 6px/1 "Courier New",monospace}.wf-pan{width:100%;accent-color:var(--acid)}.wf-fader-label{display:grid;grid-template-rows:16px 1fr;justify-items:center;align-items:center;color:var(--dim);font:700 6px/1 "Courier New",monospace}.wf-fader-label output{color:rgba(184,255,61,.65)}.wf-fader{writing-mode:vertical-lr;direction:rtl;width:18px;height:112px;accent-color:var(--acid)}
@media(max-width:1100px){.shortcuts{display:none}.loop-readout{min-width:120px}.edit-bar{overflow-x:auto}.mixer-drawer{height:240px}.workflow-channel{flex-basis:108px}.wf-fader{height:96px}}
@media(prefers-reduced-motion:reduce){.mixer-drawer{transition:none}}