.other-room{--ink:#e9e9e0;--muted:#8b938d;--acid:#d7ef8b;--cyan:#a4dcd4;--chroma-hue:175;--signal:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.4;font-size:14px;width:100%;max-width:1240px;margin:32px auto;text-align:left;color-scheme:dark}.other-room *{box-sizing:border-box}.other-room button,.other-room input{font:inherit}.other-room button{cursor:pointer;border:1px solid #4b514d;background:#303632;color:var(--ink);border-radius:5px;padding:10px 14px;font-size:11px;letter-spacing:1px;line-height:1.3;box-shadow:0 2px 3px #0004;text-transform:none}.other-room button:hover{border-color:var(--acid);color:var(--acid)}.other-room button:focus-visible,.other-room input:focus-visible,.other-room .or-file-label:focus-within{outline:2px solid var(--cyan);outline-offset:4px}.other-room button[aria-pressed=true],.other-room button.active{color:#17221c;background:var(--acid);border-color:var(--acid)}.other-room input[type=range]{display:block;appearance:none;-webkit-appearance:none;height:5px;padding:0;border:none;border-radius:10px;background:#101813;accent-color:var(--acid);width:100%;margin:16px 0;cursor:pointer;box-shadow:0 1px 0 #ffffff19}.other-room input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:20px;background:#d9ded3;border-radius:3px;box-shadow:0 2px 4px #0009;border:1px solid #f4f4dc}.other-room input[type=range]::-moz-range-thumb{width:15px;height:20px;background:#d9ded3;border-radius:3px;border:1px solid #f4f4dc}.other-room input:disabled{opacity:.35;cursor:default}.or-machine{background:repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 4px),linear-gradient(125deg,#3b403c,#252d29 55%,#343c35);border:1px solid #62695f;border-radius:22px;padding:32px;box-shadow:0 25px 65px #0005,inset 0 1px 1px #ffffff40,inset 0 -4px 4px #0007;position:relative}.or-machine:before,.or-machine:after{content:'+';position:absolute;color:#92998c;background:#171e19;border:1px solid #525a50;border-radius:50%;width:12px;height:12px;font:11px monospace;text-align:center;top:12px}.or-machine:before{left:12px}.or-machine:after{right:12px}.or-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.or-eyebrow{font:9px/1.5 monospace;letter-spacing:2px;color:#b4bdb0}.other-room .or-header h2{font-size:clamp(30px,4.5vw,58px);font-weight:800;letter-spacing:-3px;line-height:1;margin:8px 0 0;color:#f0f0e4}.or-header h2 span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:5px}.or-badge{display:flex;gap:10px;align-items:center;font:9px monospace;letter-spacing:1px;color:#c7cebd}.or-badge i,.or-door i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 9px #d7ef8b90}.or-badge b{padding:8px;border:1px solid #626b5c;font-size:20px;font-weight:400;margin-left:8px}.or-topline{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#a5af9f;border-top:1px solid #717969;border-bottom:1px solid #111b14;padding:10px 0;margin-bottom:22px}.or-decks{display:grid;grid-template-columns:1fr 1fr;gap:22px}.or-deck{min-width:0;border:1px solid #56604f;border-radius:10px;padding:18px;background:linear-gradient(#252d26,#1c241f);box-shadow:inset 0 1px 0 #ffffff10}.or-deck-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font:11px monospace;letter-spacing:1.5px;gap:8px}.or-deck-head b{display:inline-block;color:var(--acid);margin-right:10px}.or-file-label{position:relative;overflow:hidden;cursor:pointer;color:#d4dccb;font-size:9px;border-bottom:1px solid #69745c;padding:6px 0;white-space:nowrap}.or-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.or-tape{position:relative;border-radius:10px;background:linear-gradient(135deg,#b9c4ac,#7e8d78 65%,#a5b098);padding:12px 17px 9px;color:#263b2c;border:1px solid #c6ceba;box-shadow:0 8px 12px #0005,inset 0 0 0 4px #34453122;transition:filter .7s,opacity .7s}.or-deck:nth-child(2) .or-tape{background:linear-gradient(135deg,#aec1bd,#758d88 65%,#b2c6bf)}.or-tape-label{font:8px monospace;letter-spacing:2px}.or-window{display:flex;align-items:center;justify-content:space-between;margin:10px 0;background:#111c16;border:3px solid #61725a;border-radius:50px;padding:10px;box-shadow:inset 0 3px 12px #000b;gap:8px}.or-reel{flex:0 0 64px;height:64px;border-radius:50%;background:repeating-conic-gradient(#b6bdb1 0deg 15deg,#717e72 15deg 30deg);padding:8px;box-shadow:0 0 0 5px #0d130e,0 0 0 7px #596652}.or-reel svg{width:100%;height:100%;fill:#1f3025;stroke:#bdc7b4;stroke-width:3;animation:or-spin 5s linear infinite;animation-play-state:paused}.is-playing .or-reel svg{animation-play-state:running}.or-tape-center{text-align:center;font:6px monospace;color:#aab7a2;letter-spacing:1px;min-width:35px}.or-bars{height:20px;background:repeating-linear-gradient(90deg,#a1b18c 0 2px,transparent 2px 5px);opacity:.6;margin:8px 0}.or-tape-bottom{display:flex;justify-content:space-between;align-items:center;font:7px monospace;letter-spacing:1.5px}.or-tape-bottom>span:first-child{font-size:17px}.or-display{margin-top:19px;padding:13px 14px;background:#101b14;border:1px solid #48523f;box-shadow:inset 0 2px 8px #0008;border-radius:5px;color:#d1df9b;font-family:monospace}.or-tiny{font:8px monospace;letter-spacing:1.5px;color:var(--muted)}.or-display .or-tiny{color:#99a570}.or-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;letter-spacing:-.3px;margin:7px 0 10px}.or-display>div{display:flex;align-items:center;gap:15px;font-size:10px}.or-meter{flex:1;height:6px;background:repeating-linear-gradient(90deg,#27341c 0 3px,transparent 3px 6px);overflow:hidden}.or-meter i{display:block;height:100%;width:var(--level,0%);background:repeating-linear-gradient(90deg,#c6e47e 0 3px,transparent 3px 6px);transition:width .12s}.or-duration{color:#788665}.other-room .or-seek{margin:14px 0 18px}.or-transport{display:grid;grid-template-columns:48px 1fr 48px 48px;gap:6px}.other-room .or-transport button{height:43px;padding:8px;background:linear-gradient(#465046,#2d362e);border-color:#59634f;box-shadow:0 3px 0 #101710}.other-room .or-transport .or-play{color:#202d1d;background:linear-gradient(#e1efb0,#b5cc83);border-color:#d2e6a5;letter-spacing:2px;font-weight:bold}.other-room .or-transport .or-loop[aria-pressed=true]{background:var(--acid);color:#1b281b}.or-deck-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.or-deck-tools>div{display:flex;align-items:center;gap:4px}.other-room .or-deck-tools button{padding:4px 7px;font-size:9px}.or-ab-text{font:8px monospace;color:#9fa993;margin-left:4px}.or-deck-tools label{display:flex;align-items:center;gap:8px;font:8px monospace;color:#9fa993;width:110px}.other-room .or-volume{margin:0}.other-room .or-volume::-webkit-slider-thumb{width:10px;height:13px}.or-list-head{display:flex;justify-content:space-between;padding:13px 0 9px;border-top:1px solid #49553e;font:8px monospace;letter-spacing:1px;color:#9fa993}.other-room .or-tracks{list-style:none;padding:0;margin:0}.other-room .or-tracks li{margin:0;padding:0;list-style:none}.other-room .or-tracks button{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #424c3e55;border-radius:0;box-shadow:none;background:transparent;padding:12px 7px;text-align:left;letter-spacing:0}.or-tracks button>span{font:9px monospace;color:#8a997d}.or-tracks strong{flex:1;min-width:0;font-size:11px;font-weight:400;overflow-wrap:anywhere}.or-tracks small{font:7px monospace;color:#8b9980;letter-spacing:1px}.other-room .or-tracks .selected{background:#c4df8220;color:var(--acid);box-shadow:inset 2px 0 var(--acid)}.other-room .or-tracks .or-empty{font-size:11px;padding:18px 6px;color:#a1ac96;line-height:1.6}.other-room .or-local-hint{font:8px monospace;color:#89977f;margin:13px 0 0}.or-fx{border-top:1px solid #65725b;margin-top:24px;padding-top:17px}.or-fx-heading{display:flex;justify-content:space-between;gap:10px}.or-fx-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.8fr;align-items:center;gap:26px;padding:22px 0}.or-knob-control{display:flex;flex-direction:column;align-items:center;cursor:pointer}.or-knob{--turn:-130deg;width:75px;height:75px;display:block;position:relative;border-radius:50%;background:conic-gradient(from 40deg,#d1ddd4,#657c72,#cbdcce,#5e736a,#e1e9db,#6b7e74,#cddad1);box-shadow:0 5px 10px #0009,0 0 0 4px #1a231c,0 0 0 5px #64735c;border:3px solid #b5c6b4}.or-chroma-knob{background:conic-gradient(from 40deg,#acdcb9,#cfb6e5,#dceeb7,#9edbd8,#bdb2dd,#c2d8b8);box-shadow:0 5px 10px #0009,0 0 0 4px #18221c,0 0 18px hsla(var(--chroma-hue),70%,70%,.22)}.or-knob i{position:absolute;inset:8px;transform:rotate(var(--turn));transition:transform .08s}.or-knob i:before{content:'';position:absolute;top:0;left:calc(50% - 1px);width:2px;height:12px;background:#24392d}.or-control-title{font:10px monospace;letter-spacing:2px;margin-top:15px;display:flex;gap:8px}.or-control-title output{color:var(--acid);font-size:9px;letter-spacing:0}.other-room .or-knob-control input{max-width:110px;margin:14px 0 9px}.or-knob-control small{font:6px monospace;letter-spacing:1px;color:#a3af97}.or-room-choice>div{display:flex;flex-direction:column;gap:7px;margin-top:12px}.other-room .or-room-choice button{font:8px monospace;text-align:left;letter-spacing:1px;padding:9px}.other-room .or-door{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:21px 17px;width:100%;border-color:#77928b;background:linear-gradient(125deg,#bddcd4,#8caaa0);color:#223e32;box-shadow:0 4px 0 #17271d,0 5px 20px #0004;border-radius:8px}.or-door span{font:10px/1.6 monospace;letter-spacing:1px}.or-door strong{font:700 15px Arial;letter-spacing:1px;white-space:nowrap}.other-room .or-door-icon{font-size:36px;line-height:1}.other-room .or-door i{background:#547668;box-shadow:none;flex-shrink:0}.other-room .or-door[aria-pressed=true]{background:linear-gradient(125deg,#dcebbb,#afce93);border-color:#d0e9a2;box-shadow:0 4px 0 #17271d,0 0 28px #c0e98925}.or-door[aria-pressed=true] i{background:#e9ffae;box-shadow:0 0 10px #e9ffae}.or-door-slider{display:flex;justify-content:space-between;flex-wrap:wrap;font:7px monospace;letter-spacing:1px;color:#b2bda5;margin-top:17px}.other-room .or-door-slider input{margin:12px 0 0}.or-mixer{display:grid;grid-template-columns:1.8fr 1fr auto;align-items:center;gap:32px;border-top:1px solid #5c6b50;border-bottom:1px solid #151e16;padding:22px 0}.or-cross>span{display:flex;justify-content:space-between;gap:8px;font:8px monospace;letter-spacing:1px}.or-cross b{font-weight:normal;color:#c5cfb5}.or-cross em{font-style:normal;color:#8f9e82}.or-cross small{font:8px monospace;color:#9baa8d}.or-master{font:9px monospace;letter-spacing:1px}.or-master output{float:right;color:var(--acid)}.other-room .or-stop{color:#dcc2af;border-color:#877366;white-space:nowrap;padding:15px}.or-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.other-room .or-footer button{font:8px monospace;border-color:#647257;background:transparent;padding:8px 10px;letter-spacing:1px;box-shadow:none}.or-footer>div{display:flex;gap:7px}.or-footer>span{font:7px monospace;letter-spacing:1px;color:#a0ae92}.other-room .or-status{font:9px/1.5 monospace;color:#b8c6a8;margin:18px 0 0;min-height:27px;border-top:1px solid #4c5942;padding-top:12px}.is-next-door .or-tape{filter:blur(.6px) saturate(.5);opacity:.7}.is-next-door .or-window:after{content:'';position:absolute;inset:0;border-radius:10px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 6px,#15261d38 7px,#d8e5cf20 9px)}@keyframes or-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.or-machine{padding:22px}.or-badge{font-size:7px}.or-fx-grid{gap:16px}.or-door strong{font-size:11px}.or-door span{font-size:8px}.other-room .or-door{gap:8px;padding:18px 12px}.or-footer>span{display:none}.or-reel{flex-basis:50px;height:50px}.or-deck-tools{flex-wrap:wrap}.or-topline{font-size:7px}}@media(max-width:650px){.or-machine{padding:20px 14px;border-radius:14px}.or-header{align-items:flex-start}.or-badge{font-size:0;gap:5px}.or-badge b{font-size:18px}.or-header h2{letter-spacing:-2px}.or-topline>span:last-child{display:none}.or-decks{grid-template-columns:1fr;gap:16px}.or-deck{padding:16px}.or-reel{flex-basis:64px;height:64px}.or-fx-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.or-room-choice{padding:0 6px}.or-fx-heading .or-tiny{display:none}.or-door strong{font-size:12px}.or-mixer{grid-template-columns:1fr auto;gap:20px}.or-cross{grid-column:1/-1}.or-master{min-width:0}.or-footer{gap:8px}.other-room .or-footer button{font-size:7px;padding:9px 6px}.or-deck-tools{flex-wrap:nowrap}.or-control-title{font-size:11px}.or-knob-control small{font-size:7px}}@media(prefers-reduced-motion:reduce){.other-room *{animation:none!important;transition:none!important}}

.other-room .or-header h2{overflow-wrap:anywhere;letter-spacing:-2px}.or-header>div:first-child{min-width:0}.or-footer{flex-wrap:wrap}.or-topline{gap:12px;overflow-wrap:anywhere}.other-room button:disabled{opacity:.5;cursor:wait}.other-room .or-header .or-eyebrow{overflow-wrap:anywhere}
/* 1.2: First-position effects, direct dials and configurable palette. */
.other-room{--ink:var(--or-text,#e9e9e0);--acid:var(--or-accent,#d7ef8b);--cyan:var(--or-door,#a4dcd4)}
.other-room .or-machine{background:var(--or-body,#303a32);color:var(--ink)}
.other-room .or-header h2{color:var(--ink)}
.other-room .or-deck{background:color-mix(in srgb,var(--or-body,#303a32) 75%,#000);border-color:color-mix(in srgb,var(--ink) 25%,transparent)}
.other-room .or-eyebrow,.other-room .or-badge,.other-room .or-topline,.other-room .or-tiny,.other-room .or-control-title,.other-room .or-knob-control small,.other-room .or-door-slider,.other-room .or-local-hint,.other-room .or-list-head,.other-room .or-deck-tools label,.other-room .or-ab-text,.other-room .or-cross span,.other-room .or-cross b,.other-room .or-cross em,.other-room .or-cross small,.other-room .or-footer>span,.other-room .or-status,.other-room .or-tracks small,.other-room .or-tracks button>span,.other-room .or-tracks .or-empty{color:var(--ink)}
.other-room .or-fx{margin:0 0 22px;padding:16px 0 20px;border-top:0;border-bottom:1px solid #ffffff25}
.other-room .or-fx-grid{grid-template-columns:minmax(200px,1.6fr) 1fr 1fr 1fr;gap:28px}
.other-room .or-knob{width:88px;height:88px;touch-action:none}
.other-room .or-knob-control{cursor:ns-resize;gap:9px}
.other-room .or-knob-control .or-knob input[type=range]{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;opacity:0;cursor:ns-resize;touch-action:none}
.other-room .or-knob i{pointer-events:none}
.other-room .or-knob:focus-within{outline:3px solid var(--acid);outline-offset:6px}
.other-room .or-control-title{margin-top:12px}
.other-room .or-keyhole{display:block;position:relative;width:35px;height:50px;flex:0 0 35px}
.other-room .or-keyhole:before{content:'';position:absolute;width:27px;height:27px;left:4px;top:0;border-radius:50%;background:currentColor;box-shadow:inset 0 2px 4px #0006}
.other-room .or-keyhole:after{content:'';position:absolute;width:27px;height:30px;left:4px;top:20px;background:currentColor;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}
.other-room .or-door,.other-room .or-door:hover{background:var(--or-door,#a4dcd4);color:var(--or-door-ink,#142019);border-color:var(--or-door,#a4dcd4)}
.other-room .or-door[aria-pressed=true],.other-room button[aria-pressed=true],.other-room button.active,.other-room .or-transport .or-play{background:var(--acid);color:var(--or-accent-ink,#142019);border-color:var(--acid)}
.other-room .or-tape{background:var(--or-tape_a,#a5b098);color:var(--or-tape_a-ink,#142019)}
.other-room .or-deck:nth-child(2) .or-tape{background:var(--or-tape_b,#9cb8af);color:var(--or-tape_b-ink,#142019)}
.other-room .or-display{color:var(--acid)}
.other-room .or-display .or-tiny,.other-room .or-duration{color:var(--acid)}
.other-room .or-tracks .selected{background:color-mix(in srgb,var(--acid) 15%,transparent);color:var(--acid)}
.other-room .or-meter i{background:repeating-linear-gradient(90deg,var(--acid) 0 3px,transparent 3px 6px)}
@media(max-width:850px){.other-room .or-fx-grid{grid-template-columns:1.6fr 1fr 1fr;gap:22px}.other-room .or-room-choice{grid-column:1/-1}.other-room .or-room-choice>div{flex-direction:row;flex-wrap:wrap}.other-room .or-room-choice button{flex:1}}
@media(max-width:520px){.other-room .or-fx-grid{grid-template-columns:1fr 1fr}.other-room .or-door-control{grid-column:1/-1}.other-room .or-knob{width:80px;height:80px}.other-room .or-door{justify-content:flex-start;gap:20px}.other-room .or-door i{margin-left:auto}.other-room .or-room-choice{grid-column:1/-1}}