/* SWEATPANCE SP909 — studio unit 909-01 */
.machine{background-image:linear-gradient(#5d625250,#1c261944),url('assets/studio-wear.png')!important;background-size:100% 100%;background-repeat:no-repeat}.step{background-blend-mode:normal}
.dialog-intro,.sample-note{font-size:14px;line-height:1.65;color:#bcc7ab}.dialog-primary{background:#e58a49;color:#202817;padding:11px 17px;border:1px solid #f5ba78;border-radius:3px;font-weight:600;font-size:14px}.sample-toolbar{display:flex;align-items:center;gap:16px;margin:18px 0}.sample-toolbar>span{font-size:12px;color:#a8b695;max-width:290px;line-height:1.5}.sample-slots{display:flex;flex-direction:column;gap:7px}.sample-slot{display:grid;grid-template-columns:33px 1fr 110px auto;align-items:center;gap:10px;padding:11px;border:1px solid #586349;background:#1b2217;border-radius:3px}.sample-slot.focus-slot{border-color:#ef9b55}.slot-index{font:21px 'Barlow Condensed',sans-serif;color:#d29b5f}.slot-copy{min-width:0}.slot-copy strong{display:block;font-size:13px;color:#e2ddbd}.slot-copy span{display:block;margin-top:4px;font:11px monospace;color:#a5b191;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.slot-copy .slot-filename{color:#edb873}.slot-wave{width:110px;height:32px}.slot-actions{display:flex;gap:7px}.slot-actions button{background:#3c4830;border:1px solid #64784e;border-radius:3px;padding:7px;font-size:12px}.slot-actions button:last-child{background:none;color:#b5beaa;border-color:#58634c}.sample-note strong{color:#efc38b}#sample-status{font-size:14px;color:#efbc76;line-height:1.5;min-height:20px}#sample-count{color:#d6a468;margin-left:4px;font:11px monospace}.midi-connect-row{display:flex;gap:13px;align-items:center}.midi-connect-row>button:last-child{padding:11px 17px;font-size:14px;border:1px solid #606e50;background:#35452a;border-radius:3px}.midi-fields{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:20px 0}.midi-fields label{font:13px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#c2c6ae}.midi-fields select{display:block;width:100%;margin-top:7px;background:#172211;border:1px solid #5c6d48;border-radius:3px;color:#e1e6d2;padding:11px;font:14px 'DM Sans',sans-serif}.midi-clock-label{font-size:14px;display:flex;align-items:center;gap:9px}.midi-clock-label input{accent-color:#e39246;width:17px;height:17px}#midi-status{font-size:14px;color:#d5c18f;line-height:1.6;min-height:23px}#midi-map{font:12px/1.9 monospace;color:#c3c9b0}#midi-dialog details{margin-top:22px}#midi-dialog summary{cursor:pointer;font-size:14px;color:#e5c08c}.arrangement-actions{flex-wrap:wrap;justify-content:flex-end;gap:15px}
@media(max-width:700px){.arrangement-top{flex-wrap:wrap}.arrangement-actions{width:100%;justify-content:space-between;padding:9px 0}.sample-slot{grid-template-columns:24px 1fr auto;gap:7px;padding:9px}.slot-wave{display:none}.slot-actions{gap:5px}.slot-actions button{font-size:11px;padding:7px}.slot-copy span{max-width:150px;font-size:10px}.sample-toolbar{align-items:start;flex-direction:column;gap:9px}.sample-toolbar>span{max-width:none}.midi-fields{grid-template-columns:1fr}.slot-copy strong{font-size:12px}.sample-note{font-size:13px}}
@media(max-width:400px){.sample-slot{grid-template-columns:21px 1fr}.slot-actions{grid-column:2}.slot-copy span{max-width:190px}}
:root{--orange:#ff7635;--ink:#e1dfd0;--panel:#3e413d;--line:#74756b;background:#111211;color:#e7e5dc}body{background:radial-gradient(ellipse at 50% 0,#30302a55,transparent 65%),#111211}.topbar{height:82px;border-color:#3c3e35}.wordmark{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-style:italic;font-weight:700;letter-spacing:1px}.wordmark span{font-family:'DM Sans',sans-serif;font-size:10px;font-style:normal;letter-spacing:3px;color:#f67b42}.top-actions button{font-size:12px}.workspace-heading{margin-bottom:24px}.eyebrow{color:#a19e90}h1{font-family:'Barlow Condensed',sans-serif;font-size:34px;letter-spacing:.7px;text-transform:uppercase;font-weight:600}.machine{color:#dfddcf;border-color:#777a6d;border-bottom-color:#272a25;background-color:#41433e;background-image:linear-gradient(110deg,#9da08b16,#0005 90%);box-shadow:0 22px 42px #0009,0 3px 0 #060806,inset 0 1px 0 #c1c1a650;border-radius:7px 7px 11px 11px}.machine-top{border-color:#c1bfa9;height:116px}.model{gap:18px}.model-number{color:#f3894f;font-size:80px;letter-spacing:-2px;text-shadow:1px 1px #25180f,0 0 1px #edc194}.model-number small{font-size:33px;vertical-align:top;position:relative;top:9px;letter-spacing:-1px;margin-right:2px}.model h2{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-size:39px;letter-spacing:3px;color:#e2dfc9;margin-bottom:2px}.model div>span{font-size:10px;letter-spacing:2px;color:#c5c2ac}.edition{transform:rotate(2deg)}.edition .asset-tag{display:block;color:#353b33;background:#ccc9ad;border:1px solid #898a73;padding:8px 12px;text-align:left;letter-spacing:1px;font:11px monospace;box-shadow:1px 2px 0 #14181066}.edition .asset-tag b{display:block;font:10px monospace;margin:3px 0 0;padding:3px 0 0;border:0;border-top:1px solid #8b8d79}.machine:before,.machine:after{background:#373a32;color:#bfc2ac;box-shadow:inset 0 1px 2px #080c06,0 0 0 1px #808675}.studio-markings{position:relative;height:37px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;user-select:none;padding:0 12px}.tape-label{font:italic 15px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;color:#d1c68e;transform:rotate(-3deg);border-bottom:1px solid #a8a080}.producer-tag{font:italic 21px 'Barlow Condensed',sans-serif;color:#eee9c8;transform:rotate(-7deg);line-height:.85;text-shadow:1px 2px #222;opacity:.8;position:absolute;left:60%;top:-8px}.producer-tag small{font:9px monospace;letter-spacing:1px}.inspection-stamp{font:9px monospace;color:#bf7655;transform:rotate(7deg);border:1px solid #aa6245;padding:2px 8px;margin-top:6px;line-height:1.1;opacity:.8}.voices{padding-top:8px;grid-template-columns:.8fr repeat(7,1fr) 1.5fr 1fr 1fr}.voice{border-color:#74766a66}.voice-title{color:#dedac3;border-bottom-color:#92937f;font-size:15px;height:38px}.voice-title.selected{color:#ff995e}.voice-title:before{background:#201f17;box-shadow:inset 0 1px #0009}.voice-title.selected:before{background:#ff681f;box-shadow:0 0 8px #fb792c}.knob-label{color:#c8c5b2;font-size:12px}.knob-value{color:#adac98;font-size:10px}.knob{border-color:#151912;background:repeating-conic-gradient(#32342e 0deg 5deg,#151a12 5deg 10deg);box-shadow:0 4px 4px #0009,0 0 0 4px #858a6944,inset 0 1px 2px #828875}.knob:before{background:linear-gradient(140deg,#5c5f52,#20261b 60%);box-shadow:inset 0 1px 2px #b5b5a26b}.knob:after{background:#e9dcb7}.knob.orange:after{background:#ff9252}.voice-select{background:#939582;color:#22281c;border-color:#626b54;box-shadow:0 2px #252c1e}.voice-select[aria-pressed=true]{background:#e3bd76;color:#382617}.cap-missing{background:#313329!important;box-shadow:0 0 0 4px #94957e44,0 2px 4px #000c!important}.cap-missing:before{inset:10px;border:1px solid #c7bea0;border-radius:2px;background:linear-gradient(90deg,#706f5b,#cbc3a2 45%,#747763 50%,#a4a48d);transform:rotate(var(--angle));box-shadow:2px 2px 2px #090b08}.cap-missing:after{width:2px;height:8px;background:#272d21;left:18px;top:11px;transform-origin:1px 8px}.sample-source{margin-top:13px;background:#232820;border:1px solid #6e7760;color:#a6b295;font:10px monospace;letter-spacing:.2px;padding:6px 3px;width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:2px}.sample-source.custom{color:#e6bd7a;border-color:#b48a4b}.control-deck{border-color:#a7aa9188;gap:20px;background:#1b211a22;padding-left:8px;padding-right:8px}.section-label{color:#cfceb9;font-size:12px}.transport-buttons button{background:linear-gradient(#c6c7b1,#8f9781);border-color:#555f4b;box-shadow:0 3px 0 #192014;color:#26301e}.transport-buttons .play{background:linear-gradient(#ff9a5d,#e56d2e);color:#2e2418}.transport-buttons button:nth-child(2){background:linear-gradient(120deg,#b7baa3 5%,#d1d0b7 6% 8%,#b7baa3 9% 60%,#99a18b)}.transport-buttons button span{font-size:11px}.tempo-screen{border-color:#636953;background:#161d12;box-shadow:inset 0 1px 7px #050704}.tempo-screen input[type=number]{color:#fb873c;text-shadow:0 0 10px #ff5d2933}.tempo-screen>span{color:#d5c996}.tempo-panel label span{color:#c0c4a8}.tempo-panel>button{color:#bcbfa3}.timing-panel label{font-size:12px;color:#d4d1b9}.timing-panel label[for=shuffle]{color:#f99551;letter-spacing:2px}.timing-panel input[type=range]{accent-color:#ed813d}.small-fields select,.small-fields input,.memory-select select{background:#242c20;border-color:#71765f;color:#e8e2ba}.memory-select label{color:#bfbea5;font-size:11px}.memory-actions button{color:#cfceb7;font-size:11px}.meter i{background:#666e4c}.meter i.on{background:#b3c86c;box-shadow:0 0 5px #dbf584}.selected-voice b{color:#f79a58}.write-modes{border-color:#7c826a;background:#29322255}.write-modes button{color:#c1c6ac;font-size:12px}.write-modes button[aria-pressed=true]{background:#d6bc7f;color:#2f2f1e}.pattern-readout{color:#d2c5a0}.step{color:#393a25;background:linear-gradient(135deg,#d7d5bb,#b0b5a0);border-color:#6e775e;box-shadow:0 5px 0 #555f48,0 7px 6px #10150cc4}.step:nth-child(-n+4){background:linear-gradient(145deg,#f7a168,#d3733d 60%,#bb6435);border-color:#a9673b}.step:nth-child(n+5):nth-child(-n+8){background:linear-gradient(145deg,#e5b36a,#c59956);border-color:#99733f}.step:nth-child(n+9):nth-child(-n+12){background:linear-gradient(145deg,#d2c580,#b0a970);border-color:#8e8d5e}.step:nth-child(3){background:linear-gradient(160deg,#f7a168 0 22%,#d6b488 23% 24%,#da7f42 25% 65%,#e9ac74 66% 67%,#bc6438 68%)}.step:nth-child(11){background:linear-gradient(120deg,#bcb779 3%,#e6d99d 4% 5%,#b6ad72 6% 75%,#d6cca0 76% 77%,#aea970 78%)}.step .led{background:#645b37;box-shadow:inset 0 1px 2px #261b11}.step.current{outline-color:#ffad64;box-shadow:0 2px 0 #a2723c}.step.active .led{background:#ff4e17;box-shadow:0 0 10px #ff6211,0 0 2px #ffdec1}.machine-bottom{color:#aaa991;font-size:10px}.machine-bottom b{border-color:#7a7f66}.arrangement{background:#1b2119;border-color:#414936}.arrangement-top{border-color:#48503e}.view-tabs button{font-size:14px}.arrangement-actions button{font-size:13px}.grid-label>button:first-child{font-size:13px}.grid-cell{background:#303928;border-color:#47513b}.grid-cell.active{background:#d77a3e;border-color:#f69b58}.grid-cell.weak{background:#827341;border-color:#a08b4e}.grid-footer{font-size:12px}.grid-number{font-size:11px}footer{color:#a0a78d;font-size:12px}footer button{font-size:12px}.top-actions #help{color:#e8be7c}dialog{background:#252d20;color:#e0e3c9;border-color:#798365}.guide-columns p{color:#bec8ae}.dialog-heading .eyebrow{color:#b1bd9d}dialog h2{color:#efbc73}#toast{background:#e0d7b4;color:#303522;border-color:#e87b39}.session-label{color:#b5baa0}
@media(min-width:1450px){.model h2{font-size:43px}.voice-title{font-size:17px}}
@media(max-width:1100px){.control-deck{gap:13px}.producer-tag{left:64%}.grid-footer{font-size:11px}}
@media(max-width:800px){.wordmark{font-size:25px}.model h2{font-size:30px}.model-number{font-size:67px}.model-number small{font-size:25px}.model div>span{font-size:9px}.machine-top{height:108px}.edition .asset-tag{font-size:9px;padding:6px}.edition .asset-tag b{font-size:8px}.model{gap:12px}.producer-tag{left:58%}.control-deck{gap:20px 15px;padding-left:0;padding-right:0}.machine-bottom{font-size:9px}.grid-footer{font-size:11px}}
@media(max-width:500px){.topbar{height:76px}.wordmark{font-size:24px}.wordmark span{font-size:8px;letter-spacing:1.5px}.model h2{font-size:30px;letter-spacing:2px}.model-number{font-size:59px}.model-number small{font-size:23px;top:7px}.model div>span{font-size:8px;letter-spacing:1px}.machine-top{height:96px}.studio-markings{height:34px;padding:0 2px}.tape-label{font-size:13px}.producer-tag{left:48%;font-size:18px;top:5px}.inspection-stamp{font-size:8px;padding:2px 4px}.control-deck{gap:20px 10px}.memory-select label{font-size:10px}.memory-actions{gap:7px}.memory-actions button{font-size:10px}.write-modes button{padding:6px 7px;font-size:12px}.selected-voice b{font-size:15px}h1{font-size:30px}.master-panel{border-color:#70775b}.step-heading{gap:10px}.arrangement-actions button{font-size:12px}footer{font-size:10px}.model{gap:8px}.master-panel .knob:after{left:16px}}