<!-- SS · part 9 -->
g:8px 10px;font-size:15px}
.ss-mini input[type=range]{accent-color:var(--r);width:110px}
.ss-mini input[type=checkbox]{accent-color:var(--r);width:20px;height:20px}
.ss-pos{margin-left:auto;color:var(--r2);font:600 13px ui-monospace,Menlo,monospace}
.ss-track{background:var(--c1);border:1px solid var(--ln);border-radius:14px;padding:12px;margin-bottom:10px}
.ss-track.is-muted{opacity:.55}
.ss-thead{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.ss-tname{font-weight:800;color:#fff;min-width:58px;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.ss-thead .ss-sel{font-size:14px;padding:7px 8px}
.ss-thead input[type=range]{accent-color:var(--r);width:90px}
.ss-mute{min-width:44px}
.ss-mute.is-on{background:#000;color:var(--r2);border-color:var(--r)}
.ss-rowlbl{font-size:11px;color:var(--mu);margin:6px 0 3px;text-transform:uppercase;letter-spacing:.08em}
.ss-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
@media(min-width:900px){.ss-grid{grid-template-columns:repeat(16,1fr)}}
.ss-step{appearance:none;border:1px solid #2c2c2c;background:#0c0c0c;color:#fff;border-radius:7px;min-height:38px;padding:0 1px;font:600 10px/1 ui-monospace,Menlo,monospace;cursor:pointer;overflow:hidden;white-space:nowrap}
.ss-step.q{background:#141414}
.ss-step.on{background:var(--r);border-color:var(--r2);color:#000}
.ss-step.now{outline:2px solid #fff;outline-offset:-2px}
.ss-pen{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu)}
.ss-lines{margin:12px 0 0;padding-left:26px;max-height:46vh;overflow:auto}
.ss-lines li{padding:6px 4px;border-bottom:1px solid #1f1f1f;font-size:14px}
.ss-lines li .ss-ldur{color:var(--mu);font-size:12px;margin-left:6px}
.ss-lines li.warn .ss-ldur{color:#ffb000}
.ss-lines li.ok::marker{color:var(--r2)}
.ss-status{margin-top:10px;color:#ffc7ce;font-size:14px;min-height:1.4em}
.ss-songs{list-style:none;margin:8px 0 0;padding:0}
.ss-song{border-top:1px solid #222;padding:12px 0}
.ss-song-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.ss-song-t{font-weight:700;color:#fff;overflow-wrap:anywhere}
.ss-song-m{color:var(--mu);font-size:12px;white-space:nowrap}
.ss-song audio,#ss-rec-audio{width:100%;margin-top:8px;height:40px}
.ss-song .ss-actions{margin-top:8px}
.ss-dialog{background:var(--c1);color:var(--tx);border:1px solid var(--r);border-radius:14px;padding:0;width:min(560px,94vw);max-height:84vh}
.ss-dialog::backdrop{background:rgba(0,0,0,.75)}
.ss-dlg-in{padding:14px;display:flex;flex-direction:column;gap:10px;max-height:82vh}
.ss-dlg-in h2{margin:0;font-size:17px}
.ss-remix-list{list-style:none;margin:0;padding:0;overflow:auto;flex:1;min-height:120px}
.ss-remix-list li button{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #222;color:#fff;padding:12px 6px;font:15px inherit;cursor:pointer}
.ss-remix-list li button:hover{background:#1a0306}
.ss-remix-list small{color:var(--mu);margin-left:6px}
.ss-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;background:#000;border:1px solid var(--r);color:#fff;padding:10px 16px;border-radius:12px;max-width:92vw;font-size:14px;box-shadow:0 6px 24px rgba(0,0,0,.6)}
.ss-busy{position:relative;pointer-events:none;opacity:.7}
.ss-busy::after{content:"";position:absolute;right:10px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid #000;border-right-color:transparent;border-radius:50%;animation:ss-spin .7s linear infinite}
@keyframes ss-spin{to{transform:rotate(360deg)}}
@media(max-width:420px){.ss-head p{display:none}.ss-transport{top:60px}.ss-pos{margin-left:0}}
/* State colours must beat the site-wide holo/tactical button skins. */
#ss-app .ss-tab.is-on{background:var(--r) !important;color:#000 !important;border-color:var(--r) !important}
#ss-app .ss-step{background:#0c0c0c !important;color:#fff !important;text-transform:none !important;letter-spacing:0 !important;padding:0 1px !important;min-width:0 !important;font:600 10px/1 ui-monospace,Menlo,monospace !important}
#ss-app .ss-step.q{background:#171717 !important}
#ss-app .ss-step.on{background:var(--r) !important;border-color:var(--r2) !important;color:#000 !important;box-shadow:0 0 10px rgba(227,18,44,.55) !important}
#ss-app .ss-step.now{outline:2px solid #fff !important;outline-offset:-2px}
#ss-app .ss-step.on.now{background:#fff !important}
#ss-app .ss-mute.is-on{background:#000 !important;color:var(--r2) !important;border-color:var(--r) !important}
#ss-app .ss-btn-red{background:var(--r) !important;color:#000 !important;border-color:var(--r) !important}
#ss-app .ss-tab{letter-spacing:0 !important;padding:12px 2px !important;font-size:13px !important;min-width:0 !important;overflow:hidden;text-overflow:ellipsis}


===== FILE: public/ss/ss.css.bak-20261009-studio =====
/* /ss — SS Music Studio. Red/black, iPhone-first. */
.ss-app{--r:#e3122c;--r2:#ff3048;--bg:#070707;--c1:#121212;--c2:#1b1b1b;--ln:#2a2a2a;--tx:#f2f2f2;--m