#recorder{max-width:1400px;margin:auto;padding:0 12px 20px;color:#f3e6c9}#recorder .rc-desk{background:linear-gradient(100deg,#4d3324 0,#795033 8px,#172b35 14px,#1b303b calc(100% - 14px),#795033 calc(100% - 8px),#4d3324);border:2px solid #17212a;border-radius:12px;padding:16px 22px;box-shadow:0 8px 24px #10253644}#recorder .rc-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-bottom:2px solid #64717a;margin-bottom:12px}#recorder h2{font-size:clamp(20px,3vw,27px);letter-spacing:.04em;color:#f0d6a4;margin:8px 0}#recorder .rc-heading span{font-size:11px;letter-spacing:.15em;color:#d1b987}#recorder button,#rc-picker button,#rc-overdub button{min-height:44px;border-radius:6px;border:1px solid #88979d;background:linear-gradient(#e6ddc6,#c9bea1);box-shadow:0 3px #0c1c24;color:#1b2b35;font-weight:800;padding:8px 12px;white-space:normal}#recorder button:disabled{opacity:.45}#recorder button[aria-pressed=true]{background:#efbd63;box-shadow:inset 0 2px 4px #79522c}#recorder input,#recorder select,#rc-picker input,#rc-picker select{background:#0d202b;color:#fff3d7;border:1px solid #758b95;border-radius:5px;padding:6px;min-height:38px;max-width:100%;box-sizing:border-box}#recorder input[type=range]{padding:0;min-height:32px;accent-color:#edb958}#recorder input[type=checkbox]{min-height:20px;width:20px;accent-color:#efba5d}#recorder label,#rc-picker label{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}#recorder .rc-transport{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#24333b;border:1px solid #76818a;border-radius:8px;padding:10px}#recorder .rc-buttons{display:flex;gap:8px}#recorder #rc-record{background:linear-gradient(#bd4541,#8b2428);color:#fff}#recorder #rc-play{background:linear-gradient(#a9cba2,#6d996a)}#recorder #rc-stop{background:#f2dba4}#recorder #rc-time{font:700 23px ui-monospace,monospace;color:#ffc061;background:#0d1e27;padding:8px;border-radius:4px}#recorder #rc-name{width:150px}#recorder #rc-bpm{width:65px}#recorder #rc-position{width:75px}#recorder .rc-source-strip{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}#recorder #rc-align{width:78px}#recorder .rc-note{font-size:12px;line-height:1.5;color:#cbd6d3;margin:7px 0 12px}#recorder #rc-status{background:#10212a;color:#f4d6a1;border-left:4px solid #dca348;padding:10px;font-size:14px;overflow-wrap:anywhere}#recorder .rc-scroll{max-height:650px;overflow:auto;position:relative;border:1px solid #66828b;background:#13252e;border-radius:7px;overscroll-behavior:contain}#recorder #rc-timeline{position:relative;min-width:100%}#recorder .rc-ruler-row{display:grid;grid-template-columns:280px 1fr;height:28px;position:sticky;top:0;z-index:5;background:#14222b}#recorder .rc-ruler-row strong{padding-left:12px;font-size:12px;position:sticky;left:0;background:#172831;line-height:28px}#recorder .rc-lane{display:grid;grid-template-columns:280px 1fr;min-height:160px;border-top:1px solid #526975}#recorder .rc-track-controls{position:sticky;left:0;z-index:3;background:linear-gradient(#293c45,#20313a);padding:8px 10px;border-right:2px solid #0b1b23;box-sizing:border-box}#recorder .rc-armed .rc-track-controls{border-left:4px solid #ddab59;padding-left:6px}#recorder .rc-track-top{display:flex;gap:10px;align-items:center;margin-bottom:6px}#recorder .rc-track-top strong{font:800 21px ui-monospace,monospace;color:#f5c16a}#recorder .rc-track-top input{width:205px;min-height:32px;font-weight:700}#recorder .rc-track-buttons{display:flex;gap:5px}#recorder .rc-track-buttons button{font-size:11px;min-height:44px;padding:6px}#recorder .rc-track-controls label{display:inline-flex;font-size:11px;width:49%;gap:3px}#recorder .rc-track-controls input[type=range]{width:78px}#recorder meter{accent-color:#f0b554;min-width:60px;height:15px;width:150px}#recorder .rc-track-controls small{font-size:11px;margin-left:8px}#recorder .rc-track-audio{min-width:0;padding-top:5px}#recorder .rc-track-audio canvas{display:block;height:88px;touch-action:pan-x}#recorder .rc-clip-list{display:flex;gap:6px;overflow:auto;padding:5px;max-width:100%}#recorder .rc-clip-list button{font-size:11px;min-height:44px;padding:5px 10px}#recorder #rc-head{position:absolute;top:28px;bottom:0;width:2px;background:#ffc268;pointer-events:none;z-index:2}#recorder #rc-clip{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #718389;border-radius:7px;margin:12px 0;padding:10px}#recorder #rc-clip input{width:80px}#recorder #rc-clip:disabled{opacity:.5}#recorder .rc-output{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#recorder .rc-hot{color:#ff7771;font-weight:800}#recorder.rc-recording .rc-desk{border-color:#ec766c}#rc-picker{background:#213742;color:#ffedcd;border:2px solid #d8b777;border-radius:10px;width:min(520px,92vw);box-sizing:border-box;max-height:88dvh;overflow:auto}#rc-picker::backdrop{background:#051c2bd9}#rc-picker label{margin:10px 0}#rc-picker input[type=number]{width:90px}#rc-picker .rc-picker-tabs{display:flex;gap:8px;margin:12px 0}#rc-picker #rc-search{width:100%}#rc-picker #rc-sounds{max-height:32dvh;overflow:auto;margin:10px 0}#rc-picker #rc-sounds>div{display:grid;grid-template-columns:100px 1fr;gap:8px;margin:8px 0}#rc-picker #rc-sounds button{text-align:left;font-size:13px}#rc-overdub{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:1000;background:#742b2a;color:#fff0d5;padding:10px;box-shadow:0 3px 15px #0009;border:2px solid #ffaaa3;border-radius:9px;display:flex;align-items:center;gap:12px;max-width:96vw;box-sizing:border-box;flex-wrap:wrap;width:max-content}#rc-overdub[hidden]{display:none}.rc-send{margin:8px 0 10px;min-height:44px}#recorder #rc-dirty{font-size:12px;color:#ffd280}@media(max-width:700px){#recorder{padding:0 6px}#recorder .rc-desk{padding:10px 12px}#recorder .rc-source-strip{gap:8px}#recorder .rc-transport{gap:8px}#recorder .rc-buttons{flex-wrap:wrap}#recorder .rc-track-buttons button{min-height:44px}#recorder .rc-scroll{max-height:560px}#rc-overdub{font-size:12px;gap:6px}#rc-overdub button{font-size:12px}#recorder .rc-note{font-size:12px}#recorder #rc-head{z-index:2}}

#recorder .rc-heading{padding:0;background:none}#recorder .rc-heading h2{color:#f0d6a4}

#recorder meter::-webkit-meter-bar{background:#0c1d25;border:1px solid #60737d;border-radius:3px}#recorder meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#c6943d,#ffd685)}

#recorder #rc-storage-warning{background:#732e29;color:#fff4d4;border:2px solid #ffb38b;padding:12px;font-weight:700}

@media(max-width:699px){#recorder .rc-ruler-row,#recorder .rc-lane{grid-template-columns:180px 1fr}#recorder .rc-track-top{gap:6px}#recorder .rc-track-top input{width:123px;min-height:38px}#recorder .rc-track-buttons{flex-wrap:wrap}#recorder .rc-track-buttons button{flex:1 1 43%}#recorder .rc-track-controls label{width:100%}#recorder .rc-track-controls meter{width:90px}#recorder .rc-track-controls small{margin-left:3px}#recorder .rc-track-controls{padding:6px}#recorder .rc-armed .rc-track-controls{padding-left:2px}}

#performance .pf-heading .rc-send{margin:0;font-size:11px;padding:6px 9px;min-height:40px}

#recorder .rc-transport{position:sticky;top:0;z-index:30}

#recorder .rc-project-controls{display:contents}#recorder .rc-project-controls>summary{display:none}#recorder .rc-project-controls>div{display:contents}@media(max-width:699px){#recorder .rc-project-controls{display:block;width:100%}#recorder .rc-project-controls>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;color:#f8d8a0}#recorder .rc-project-controls>div{display:flex;gap:8px;flex-wrap:wrap}#recorder .rc-project-controls:not([open])>div{display:none}#recorder .rc-buttons{flex-wrap:nowrap;width:100%;gap:6px}#recorder .rc-buttons button{font-size:12px;padding:6px;flex:1;white-space:nowrap}#recorder .rc-transport{padding:8px;gap:6px}}

/* Recorder layout test: scoped presentation; original audio and control IDs stay intact. */
#recorder{--rc-label-width:208px;max-width:1400px;padding:0 10px 20px;color:#f4ead4}
#recorder .rc-desk{padding:12px 16px;background:linear-gradient(90deg,#61442e 0,#61442e 5px,#20313b 7px,#20313b calc(100% - 7px),#61442e calc(100% - 5px));border:1px solid #101e26;border-radius:10px;box-shadow:0 4px 14px #13232c2b}
#recorder .rc-heading{padding:0 2px 9px;margin:0 0 10px;border-bottom:1px solid #52616a;gap:8px}
#recorder .rc-heading h2{font-size:21px;letter-spacing:.035em;margin:0;color:#f2dfb9}
#recorder .rc-heading span{font-size:11px;letter-spacing:.13em;color:#c7c0ab}
#recorder button{border:1px solid #a99f87;border-radius:5px;background:linear-gradient(#e5dcc6,#d4c9b0);box-shadow:0 2px #101e26;min-height:38px;padding:7px 11px;font-size:13px;line-height:1.2;color:#152731}
#recorder button:hover:not(:disabled){background:#f3e4c4}
#recorder button:disabled{opacity:.46;box-shadow:none;cursor:not-allowed}
#recorder :is(button,input,select,summary):focus-visible{outline:3px solid #ffca73;outline-offset:3px}
#recorder input,#recorder select{min-height:36px;font-size:13px;border:1px solid #657783;border-radius:4px;background:#15252e;color:#fff1d8;padding:5px 7px}
#recorder label{font-size:13px;gap:6px;line-height:1.2}
#recorder input[type=range]{min-height:26px;padding:0;accent-color:#e7b35b}
#recorder input[type=checkbox]{width:18px;min-height:18px;margin:0;accent-color:#e7b35b}
#recorder .rc-transport{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;background:#273740;border:1px solid #75818a;border-radius:7px;box-shadow:0 3px 8px #10212c33}
#recorder .rc-transport-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#recorder .rc-buttons{display:flex;gap:6px;flex-wrap:nowrap;width:auto}
#recorder .rc-buttons button{min-height:42px;padding:8px 12px;white-space:nowrap;font-size:13px}
#recorder #rc-play{background:#cfdbc4}#recorder #rc-stop{background:#e8d6af}#recorder #rc-record{background:#af3938;color:#fff6ed;border-color:#cd7871}
#recorder #rc-record:hover:not(:disabled){background:#c3423d}
#recorder #rc-time{font:700 23px ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#ffd38b;background:#11212b;border:1px solid #4c616d;border-radius:4px;padding:7px 10px;min-width:112px;text-align:center}
#recorder .rc-state{font-size:12px;color:#d6ded7;white-space:nowrap;min-width:76px}
#recorder[data-rc-phase=recording] .rc-state,#recorder[data-rc-phase=finishing] .rc-state{color:#ffb8ad;font-weight:800}
#recorder[data-rc-phase=playing] .rc-state{color:#ffd38b;font-weight:800}
#recorder .rc-tempo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#recorder .rc-tempo-controls label{font-size:12px;color:#dfdccd}
#recorder #rc-bpm{width:58px}#recorder #rc-count{max-width:82px}
#recorder .rc-song-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 2px;border-bottom:1px solid #455862}
#recorder .rc-song-row label{color:#d6d7ce}#recorder #rc-name{width:185px;max-width:100%}#recorder #rc-projects{max-width:185px}
#recorder .rc-song-row button{min-height:34px;padding:6px 10px;font-size:12px;box-shadow:none;background:#31434e;border-color:#6c7f88;color:#f6e8cc}
#recorder #rc-dirty{font-size:12px;color:#dac79c;margin-left:auto}
#recorder .rc-source-strip{display:flex;align-items:center;gap:8px 12px;padding:10px 2px 4px;flex-wrap:wrap}
#recorder #rc-source{max-width:245px}#recorder #rc-destination{font-size:13px;line-height:1.3;padding:7px 10px;border:1px solid #a98548;border-radius:5px;color:#f5d89d;background:#383c34}
#recorder #rc-add{margin-left:auto}#recorder #rc-undo{background:#31434e;color:#f5ead4;border-color:#6c7f88;box-shadow:none}
#recorder .rc-guidance{font-size:12px;line-height:1.5;color:#d0dad5;margin:4px 2px 7px}
#recorder .rc-settings{border:0;border-bottom:1px solid #455862;border-radius:0;padding:0 2px;margin:0 0 7px;max-width:100%}
#recorder .rc-settings>summary{display:list-item;min-height:30px;line-height:30px;color:#d8d5c8;font-size:12px;font-weight:650;cursor:pointer;width:max-content;max-width:100%}
#recorder .rc-settings[open]>summary{color:#ffd38b}
#recorder .rc-settings-body{padding:5px 0 8px;max-width:850px}
#recorder .rc-settings-body .rc-note{font-size:12px;line-height:1.6;margin:7px 0;color:#d6dcd2}
#recorder #rc-align{width:82px}
#recorder #rc-status{border:0;border-left:3px solid #b79a62;background:#1a2a34;padding:7px 10px;margin:6px 0 8px;font-size:13px;line-height:1.45;min-height:32px}
#recorder .rc-timeline-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:5px 2px 8px}
#recorder .rc-timeline-title{font-size:13px;margin-right:auto;letter-spacing:.02em;color:#ebdcc0}
#recorder .rc-timeline-tools label{font-size:12px;color:#d1d9d3}
#recorder .rc-seek{font-size:11px}#recorder #rc-position{width:70px;min-height:32px;background:#1d303a;color:#e6e3d4}
#recorder .rc-scroll{max-height:690px;border:1px solid #62747e;border-radius:6px;background:#162730;overscroll-behavior:contain;scrollbar-color:#8b9a99 #172b35;scrollbar-gutter:stable}
#recorder .rc-ruler-row,#recorder .rc-lane{grid-template-columns:var(--rc-label-width) minmax(0,1fr)}
#recorder .rc-ruler-row{height:28px;background:#192a33}
#recorder .rc-ruler-row strong{padding:0 10px;font-size:11px;letter-spacing:.06em;color:#e6d7b8;background:#283a44}
#recorder .rc-lane{min-height:116px;border-top:1px solid #4c606b;align-items:stretch}
#recorder .rc-track-controls{padding:5px 7px;background:#2a3b45;border-right:1px solid #718087;border-left:3px solid transparent;display:flex;flex-direction:column;justify-content:center;gap:3px}
#recorder .rc-armed .rc-track-controls{padding-left:7px;border-left-color:#efbc61;background:#35433f}
#recorder .rc-track-top{gap:5px;margin:0;min-width:0}
#recorder .rc-track-top strong{font:800 15px ui-monospace,monospace;color:#e6bd79;min-width:20px}
#recorder .rc-track-top input{width:calc(var(--rc-label-width) - 44px);min-width:0;min-height:27px;height:27px;padding:2px 5px;font-size:13px;border:1px solid transparent;background:#21343e;font-weight:650}
#recorder .rc-track-top input:focus{border-color:#aebdc3;background:#152730}
#recorder .rc-track-buttons{gap:4px;flex-wrap:nowrap;display:grid;grid-template-columns:1.25fr .88fr .82fr 1.1fr}
#recorder .rc-track-buttons button{min-height:31px;padding:4px 3px;font-size:11px;box-shadow:none;border-color:#6d8089;background:#3b4d57;color:#f5e9cf;white-space:nowrap;flex:initial}
#recorder .rc-track-buttons button[aria-pressed=true]{background:#d7b777;color:#162b35;border-color:#dfc185;box-shadow:none}
#recorder .rc-track-mix{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:4px}
#recorder .rc-track-controls .rc-track-mix label{display:flex;width:auto;font-size:11px;gap:3px;white-space:nowrap;flex-wrap:nowrap;min-width:0}
#recorder .rc-track-controls input[type=range]{min-height:25px;width:100%;min-width:0;max-width:100%;flex:1}
#recorder .rc-track-signal{display:flex;align-items:center;gap:6px;height:13px;min-width:0}
#recorder .rc-track-signal meter{width:90px;min-width:0;flex:1;height:9px}
#recorder .rc-track-signal small{font-size:10px;margin:0;color:#d0d9d3;min-width:43px}
#recorder .rc-track-audio{padding-top:0;display:flex;flex-direction:column;justify-content:center;background:#162730}
#recorder .rc-track-audio canvas{display:block;height:60px}
#recorder .rc-clip-list{padding:2px 5px;gap:5px;min-height:33px}
#recorder .rc-clip-list:empty{min-height:0;padding:0}
#recorder .rc-clip-list button{font-size:11px;min-height:28px;padding:4px 8px;border-color:#728686;background:#304c51;color:#f2e5cb;box-shadow:none;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}
#recorder .rc-clip-list button[aria-pressed=true]{background:#b89353;color:#122631;border-color:#f5ce87}
#recorder .rc-muted .rc-track-audio canvas{opacity:.55}
#recorder .rc-solo .rc-track-controls{box-shadow:inset 0 0 0 1px #bfa56d}
#recorder #rc-head{width:3px;background:#ffca76;box-shadow:0 0 0 1px #15252e88;top:28px;z-index:2}
#recorder #rc-clip{gap:8px;border:1px solid #566c77;margin:10px 0;padding:8px;background:#243741;align-items:center}
#recorder #rc-clip legend{font-size:12px;padding:0 5px;color:#eadcc0}#recorder #rc-clip-name{font-size:12px}
#recorder #rc-clip label{font-size:12px}#recorder #rc-clip input{width:76px;min-height:34px}
#recorder #rc-clip button{min-height:34px;font-size:12px;padding:6px 10px}
#recorder .rc-output{gap:10px;padding:0 2px}
#recorder .rc-output label,#recorder .rc-output span{font-size:12px}
#recorder .rc-output button{min-height:38px;font-size:12px}
#recorder #rc-meter{width:115px;height:12px}
#recorder #rc-storage-warning{font-size:13px;line-height:1.5;border-radius:5px;margin:7px 0}
@media(max-width:1000px){#recorder .rc-transport{gap:7px}#recorder .rc-transport-main{gap:7px}#recorder .rc-tempo-controls{gap:7px}#recorder .rc-buttons button{padding:7px 10px}}
@media(max-width:699px){
 #recorder{--rc-label-width:180px;padding:0 6px 15px}#recorder .rc-desk{padding:10px 11px}
 #recorder .rc-heading h2{font-size:18px}#recorder .rc-heading span{display:none}
 #recorder .rc-transport{padding:8px;gap:7px}#recorder .rc-transport-main{gap:7px;width:100%}
 #recorder .rc-buttons{width:100%;gap:5px}#recorder .rc-buttons button{flex:1;font-size:12px;padding:6px;min-height:44px}
 #recorder #rc-time{font-size:21px;min-width:108px;padding:5px 8px}
 #recorder .rc-tempo-controls{gap:8px;width:100%}#recorder .rc-tempo-controls label{font-size:12px}
 #recorder .rc-song-row{gap:6px;padding:9px 0}#recorder .rc-song-row label{width:100%}#recorder #rc-name{flex:1;width:auto}
 #recorder .rc-song-row button{min-height:40px}#recorder #rc-projects{flex:1;max-width:100%;min-width:100px}#recorder #rc-dirty{width:100%;margin:0}
 #recorder .rc-source-strip{gap:8px;padding-top:9px}#recorder .rc-source-strip>label{width:100%}#recorder #rc-source{flex:1;max-width:100%;min-width:0}
 #recorder #rc-destination{width:100%;box-sizing:border-box}#recorder #rc-add{margin:0;flex:1}#recorder #rc-undo{min-width:77px}
 #recorder .rc-timeline-tools{gap:8px}#recorder .rc-timeline-title{width:100%}#recorder .rc-scroll{max-height:600px}
 #recorder .rc-track-top input{width:calc(var(--rc-label-width) - 40px);min-height:32px;height:32px;font-size:12px}
 #recorder .rc-track-controls{padding:6px 5px;gap:4px}#recorder .rc-armed .rc-track-controls{padding-left:5px}
 #recorder .rc-track-buttons{grid-template-columns:1fr 1fr;gap:4px}#recorder .rc-track-buttons button{min-height:40px;font-size:12px;padding:5px}
 #recorder .rc-track-mix{grid-template-columns:1fr;gap:0}#recorder .rc-track-controls .rc-track-mix label{font-size:12px}
 #recorder .rc-track-controls input[type=range]{min-height:30px}#recorder .rc-track-signal{height:14px}
 #recorder .rc-track-signal small{font-size:11px}#recorder .rc-lane{min-height:200px}
 #recorder .rc-track-audio canvas{height:60px}#recorder .rc-clip-list button{min-height:40px;font-size:12px}
 #recorder .rc-settings>summary{min-height:40px;line-height:40px;font-size:13px}
 #recorder .rc-output button{min-height:44px}#recorder #rc-clip button{min-height:40px}
}
@media(pointer:coarse) and (min-width:700px){
 #recorder .rc-track-buttons button{min-height:40px;font-size:12px}#recorder .rc-track-controls input[type=range]{min-height:32px}
 #recorder .rc-track-top input{height:32px;min-height:32px}#recorder .rc-lane{min-height:140px}
 #recorder .rc-clip-list button{min-height:40px;font-size:12px}#recorder .rc-track-signal{height:15px}
 #recorder .rc-song-row button,#recorder .rc-output button,#recorder #rc-clip button{min-height:40px}
}
@media(prefers-reduced-motion:reduce){#recorder *,#recorder *::before,#recorder *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
#recorder .rc-lane{min-height:112px}#recorder .rc-track-controls{padding-top:4px;padding-bottom:4px;gap:2px}
#recorder .rc-track-buttons button{min-height:32px;font-size:12px}
#recorder .rc-track-controls .rc-track-mix label{font-size:12px}
#recorder .rc-track-signal small{font-size:11px}
#recorder .rc-clip-list button{font-size:12px}
@media(pointer:coarse) and (min-width:700px){#recorder .rc-lane{min-height:144px}#recorder .rc-track-buttons button{min-height:44px}}
@media(max-width:699px){#recorder .rc-lane{min-height:208px}#recorder .rc-track-buttons button{min-height:44px}#recorder .rc-track-controls{gap:4px;padding-top:6px;padding-bottom:6px}}
#recorder .rc-song-row button:hover:not(:disabled),#recorder .rc-track-buttons button:hover:not(:disabled),#recorder .rc-clip-list button:hover:not(:disabled){background:#4b626e;color:#fff1d5}
#recorder .rc-track-buttons button[aria-pressed=true]:hover:not(:disabled),#recorder .rc-clip-list button[aria-pressed=true]:hover:not(:disabled){background:#efcd8e;color:#142932}

/* Stable track-header controls: equal reserved cells fit every selected label.
   minmax(0, ...) prevents grid items' intrinsic widths from expanding the desk. */
#recorder .rc-track-controls{min-width:0}
#recorder .rc-track-top{display:grid;grid-template-columns:20px minmax(0,1fr);min-width:0}
#recorder .rc-track-top input{width:100%;min-width:0;box-sizing:border-box}
#recorder .rc-track-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0;width:100%}
#recorder .rc-track-buttons button{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:6px 5px;font-size:12px;white-space:nowrap}
#recorder .rc-track-mix{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-width:0}
#recorder .rc-track-signal small{flex-shrink:0}
@media(max-width:699px){#recorder .rc-track-mix{grid-template-columns:minmax(0,1fr)}}

/* The armed accent reserves the same border as every other track. */
#recorder .rc-armed .rc-track-controls{border-left-width:3px}

/* One Send-to-Recorder header pattern, scoped to its existing workspaces. */
:is(#create,#synth,#performance,#sequencer,#library) .rc-workspace-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px;width:100%;min-width:0;margin:0 0 12px}
:is(#create,#synth,#performance,#sequencer,#library) .rc-workspace-header>.rc-header-title{flex:1 1 240px;min-width:0;margin:0}
:is(#create,#synth,#performance,#sequencer,#library) .rc-workspace-header>.rc-send{flex:0 0 auto;margin:0 0 0 auto;box-sizing:border-box;min-width:0;min-height:44px;padding:10px 14px;border:0;border-bottom:5px solid #0b567e;border-radius:8px;background:#168bd0;color:#fff;font:800 14px/1.2 system-ui,-apple-system,Arial,sans-serif;white-space:normal;max-width:100%;text-align:center;position:static}
:is(#create,#synth,#performance,#sequencer,#library) .rc-workspace-header>.rc-send[hidden]{display:none!important}
#library .library-header .rc-workspace-header{margin-bottom:12px}
#library .library-header .rc-workspace-header>h2{font-size:clamp(24px,3vw,30px);line-height:1.15;font-weight:800;letter-spacing:.015em;color:var(--ss-paper)}
@media(max-width:600px){:is(#create,#synth,#performance,#sequencer,#library) .rc-workspace-header>.rc-header-title{flex-basis:100%}}

/* Matching decorative tape marks; currentColor follows each existing label. */
nav button[data-tab="recorder"]{white-space:nowrap}
nav button[data-tab="recorder"] .ss-tape-icon,
#recorder .rc-heading h2 .ss-tape-icon{display:inline-block;flex:none;width:1.2em;height:.9em;vertical-align:-.08em;overflow:visible;pointer-events:none}