/* Physical control-surface materials, informed by FreeMan iFocus / RDMaster. */
body.studio-ready{--primary:#49c9ee;--primary-light:#a8edff;--primary-dark:#185f79;--blue-1:#2995bc;--blue-2:#155474;--blue-3:#5dcfee;--blue-4:#a8e9ff}
#studio{--line:#525a5e;--muted:#b9c5ce;--metal:repeating-linear-gradient(0deg,#fff0 0px,#ffffff08 1px,#00000016 2px,#fff0 3px),linear-gradient(105deg,#303438,#53575a 24%,#383d41 46%,#292e33 78%,#40454a);background:radial-gradient(ellipse at 25% -30%,#14405280,transparent 65%),linear-gradient(#0d1116,#090d11);padding:9px;gap:0}
#studio .s-header{position:relative;border:1px solid #727b80;border-bottom:3px solid #020508;border-radius:13px 13px 6px 6px;background:var(--metal);box-shadow:inset 0 2px #ffffff3b,inset 0 -2px #191e23,0 6px 12px #000a;min-height:86px;padding:14px 28px;gap:20px}
#studio .s-brand{font-size:29px;font-weight:800;font-style:italic;color:#d9e2e7;text-shadow:0 1px #fff8,0 3px 2px #000,0 -1px #000;letter-spacing:-1.5px}#studio .s-brand small{font-style:normal;font-size:8px;letter-spacing:2.3px;color:#a6b2bc;text-shadow:0 1px #000}.s-mark{width:48px;height:48px;background:conic-gradient(from 35deg,#a5b1b5,#354147,#dbe4e7,#4a575d,#c7d2d6,#354147,#a5b1b5);border:2px solid #090f15;box-shadow:inset 0 0 0 2px #c5d4db55,0 3px 5px #0009;color:#142833;border-radius:12px;text-shadow:0 1px #eeffffaa}
#studio nav{padding:5px;background:linear-gradient(#070b0e,#10171d);border:1px solid #020609;border-radius:10px;box-shadow:0 1px #c0d3dd4a,inset 0 3px 7px #000a;gap:6px;flex:0 1 auto;margin:auto}#studio nav button{position:relative;min-width:88px;min-height:48px;border:1px solid #020507;border-top-color:#636b70;border-radius:6px;background:linear-gradient(#42474c,#292e34 55%,#151a20 90%,#0a0e13);box-shadow:inset 1px 1px #b2c1c422,inset -1px -2px #000,0 2px 2px #000;color:#b9c3cb;font-size:12px;font-weight:650;text-shadow:0 1px #000}#studio nav button.active{color:#cff4ff;background:linear-gradient(#316178,#193646 55%,#102734);border-color:#07121a;border-top-color:#77bcd2;box-shadow:inset 0 1px #b7e7f855,0 0 12px #27bbeb28}#studio nav button.active:after{content:"";height:3px;position:absolute;bottom:5px;left:12px;right:12px;border-radius:4px;background:#8aebff;box-shadow:0 0 7px #27c5ff,0 0 2px white}
#studio button,#studio .s-button,.studio-ready dialog button{position:relative;border:1px solid #050a0e;border-top-color:#677279;border-left-color:#465259;border-radius:9px;background:linear-gradient(175deg,#4b565f,#323d46 36%,#29333c 70%,#182129 95%);box-shadow:inset 1px 1px #e2f5ff1c,inset -1px -2px #0007,0 3px 0 #040a0e,0 5px 7px #0005;color:#dce7ed;text-shadow:0 1px 2px #000;font-weight:600;min-height:48px;transition:filter .12s,transform .12s}#studio button:hover,.studio-ready dialog button:hover{filter:brightness(1.13);background:linear-gradient(175deg,#536774,#334d5d 40%,#1b2a35)}#studio button:active,.studio-ready dialog button:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #0008,0 1px 0 #000}
#studio .s-primary,.studio-ready dialog .s-primary{background:linear-gradient(170deg,#557a79,#315658 38%,#1b393e 82%,#10282f);color:#b7ffe1;text-shadow:0 0 10px #41ffc155,0 2px #000;border-top-color:#7aa69b;border-left-color:#445e5a;border-bottom-color:#071510;box-shadow:inset 0 1px #b4efdc44,inset 0 -4px #08281c,0 3px #020a07,0 5px 8px #0007}#studio .s-primary:after,.studio-ready dialog .s-primary:after{content:"";position:absolute;left:18%;right:18%;height:3px;bottom:5px;border-radius:5px;background:#73efbf;box-shadow:0 0 7px #23c88f,0 0 2px #ccffeb}#studio .s-primary:hover{background:linear-gradient(170deg,#628c8a,#365f61 38%,#22444b)}#studio .s-amber{color:#ffe0a0;background:linear-gradient(170deg,#7c6643,#4e3c26 50%,#2d2115);border-top-color:#b89b67;box-shadow:inset 0 1px #ffd58a44,inset 0 -4px #211508,0 3px #0c0700,0 5px 8px #0007}#studio .s-amber:after{background:#ffc46a;box-shadow:0 0 8px #ff9b25,0 0 2px #ffe5c0}
#studio .s-context{padding:18px 18px 16px}#studio h1{font-weight:750;letter-spacing:-.7px;color:#e6edf2;text-shadow:0 2px #000}#studio .s-eyebrow{color:#729bad;letter-spacing:2px}.s-screen-tabs{padding:5px;background:linear-gradient(#050a0e,#151d24);border:1px solid #020608;border-radius:11px;box-shadow:0 1px #566a7844,inset 0 2px 5px #0008}.s-screen-tabs button{min-width:85px}#studio .s-screen-tabs button.active{background:linear-gradient(#386478,#183849 65%,#112737);color:#c6f2ff;border-top-color:#6094aa;box-shadow:inset 0 -3px #61daff,0 3px #03080d,0 0 12px #35bcee22}.s-screen-tabs button.active i{background:#7ce6ff;box-shadow:0 0 7px #25c5fc}
#studio .s-network{padding:11px 14px;background:linear-gradient(150deg,#030e15,#091c26);border:2px solid #060b10;border-radius:8px;box-shadow:0 1px #6e879155,inset 0 2px 4px #000;color:#a7e4de;font-family:Consolas,monospace;font-size:11px}.s-network i{background:#81e4b5;box-shadow:0 0 7px #1cc588}.s-network small{color:#77999e}#s-main{padding:0 14px}.s-live-tools{padding:0 3px}.s-live-tools>span{color:#a3b5c1}
#studio .s-card{--channel:#65d7fc;position:relative;border:1px solid #6d777d;border-bottom:3px solid #050b0e;border-radius:17px;background:var(--metal);box-shadow:inset 0 2px #c8dee73b,inset 0 -2px #151d22,0 7px 15px #0008;padding:17px 19px;overflow:hidden}#studio .s-card:nth-child(2){--channel:#ffb863}#studio .s-card:nth-child(3){--channel:#d29bff}#studio .s-card:nth-child(4){--channel:#78e4ba}#studio .s-card:before,#studio .s-card:after{content:"";position:absolute;top:8px;width:7px;height:7px;border:1px solid #111b22;border-radius:50%;background:linear-gradient(135deg,#828f98 39%,#0b1218 41%,#0b1218 53%,#5e6c75 55%);box-shadow:0 1px 1px #a2c4d82f,inset 0 0 2px #000;pointer-events:none}#studio .s-card:before{left:8px}#studio .s-card:after{right:8px}#studio .s-card.selected{border-top-color:#a1b4bd;box-shadow:inset 0 2px #c8dee755,0 7px 15px #0008}.s-card>header{padding-bottom:9px;border-bottom:1px solid #172026;box-shadow:0 1px #b7d3e21c}.s-card .s-number{color:var(--channel);text-shadow:0 0 10px color-mix(in srgb,var(--channel),transparent 60%);font-family:Consolas,monospace;font-size:21px}#studio .s-card-title{background:none!important;border:0!important;box-shadow:none!important;text-shadow:0 2px 2px #000;font-weight:700}.s-card-status{color:#b0bfc6;text-shadow:0 1px #000}.s-card-preview{border:3px solid #050b0f;border-bottom-color:#586976;border-right-color:#384b5a;border-radius:13px;background:linear-gradient(135deg,#0f2935,#071720 55%,#06121b);box-shadow:inset 0 5px 15px #000b,0 1px #a8cbd640}.s-card-preview:before{background:linear-gradient(145deg,#c0e8ff0e,transparent 35%);z-index:1}.s-card-readout{padding:9px 12px;margin:11px 0 13px;border:1px solid #09131a;border-bottom-color:#70828c44;border-radius:7px;background:linear-gradient(#030c12,#0b1e29);box-shadow:inset 0 2px 4px #0008}.s-card-time{color:var(--channel);font-family:Consolas,monospace;letter-spacing:1px;font-size:27px;text-shadow:0 0 9px color-mix(in srgb,var(--channel),transparent 65%)}.s-card-state{font-family:Consolas,monospace;color:#90aebd}.s-card-transport{gap:10px}.s-adjustments{gap:8px;margin-top:12px}.s-card-links{gap:8px;margin-top:12px}#studio .s-card-links button{background:linear-gradient(#384650,#28333d 60%,#18222a);border:1px solid #0b1217;border-top-color:#647681;box-shadow:inset 0 1px #b4d4e316,0 3px #060c10;min-height:44px;color:#bdd1dd;font-size:11px}
#studio .s-module-rail{background:var(--metal);border-color:#6a757d;border-radius:13px;box-shadow:inset 0 1px #cee5f633,0 5px 10px #0006;padding:14px 8px}#studio .s-module-rail h2{color:#bec8cf;font-size:9px;text-shadow:0 1px #000}.s-module-rail button>span{color:#98d2e7}#studio .s-module-rail button{min-height:62px;background:linear-gradient(165deg,#424e57,#29363f 55%,#15212a);border:1px solid #071118;border-top-color:#657681;box-shadow:inset 0 1px #cee5f61c,0 3px #060c11,0 4px 5px #0006;border-radius:9px;margin-bottom:12px;color:#c4d2dc}#studio .s-module-rail button.active{background:linear-gradient(165deg,#375c6e,#193e52 65%,#0d2634);color:#b9efff;border-top-color:#78adc1;box-shadow:inset 0 -3px #5bd9fd,0 3px #03080c,0 0 12px #0ebcec25}#studio .s-module-rail p{color:#a6b7c2;text-shadow:0 1px #000}
#studio .s-canvas-panel{border:1px solid #65767f;border-radius:15px;background:var(--metal);box-shadow:inset 0 1px #dcefff3b,0 6px 14px #0007}.s-canvas-panel>header{background:var(--metal);border-bottom:3px solid #0a151d;color:#e0eaf0;text-shadow:0 1px #000;padding:13px}.s-stage{margin:10px;border:3px solid #071018;border-right-color:#4a5e6b;border-bottom-color:#627580;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#163c4d,#0b202d 60%,#06131c);box-shadow:inset 0 7px 20px #0009,0 1px #c6eaff26}.s-canvas-panel>footer{border-top:1px solid #101c23;color:#c4d7e1;text-shadow:0 1px #000;padding:10px 15px}.s-editor-transport{border-top:1px solid #0e1b22;box-shadow:inset 0 1px #ccedff18;background:var(--metal);padding:15px;gap:10px}
#studio .s-inspector{background:var(--metal);border:1px solid #69767e;border-bottom:3px solid #0b141b;border-radius:15px;box-shadow:inset 0 1px #dcefff3b,0 6px 14px #0007}.s-inspector>header{background:linear-gradient(#1c2d37,#10212b);border-bottom:1px solid #627787;box-shadow:inset 0 3px 8px #0006;padding:18px 20px}.s-inspector>header h2{color:#c3f0ff!important;text-shadow:0 0 14px #3abeeb22}.s-inspector>header .s-eyebrow{color:#759cae!important}#studio .s-inspector .s-box{border:1px solid #0d1a23;border-bottom-color:#899ba144;border-right-color:#72889544;background:linear-gradient(135deg,#183340,#142b38 55%,#102532);border-radius:12px;box-shadow:inset 0 2px 8px #0005,0 1px #c7eaff1c;padding:18px 15px;margin-bottom:16px}#studio .s-box h3{color:#c7e5f1;font-size:13px;text-shadow:0 1px #000}#studio .s-box{background:linear-gradient(135deg,#203d4b,#152d3b);border-color:#425f70;border-radius:13px;box-shadow:inset 0 1px #ffffff12,0 5px 15px #0003}
#studio input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),#studio select,.studio-ready dialog input,.studio-ready dialog select{border:2px solid #07131c;border-bottom-color:#6e869744;border-right-color:#5f768344;background:linear-gradient(150deg,#020b11,#061c28);color:#b9edff;box-shadow:inset 0 3px 6px #000b,0 1px #d5f7ff1a;border-radius:7px;font-family:Consolas,Segoe UI,monospace;letter-spacing:.3px}#studio input[type=number]{font-size:18px!important;text-shadow:0 0 8px #40bde333}#studio label{color:#b9d0df;font-size:12px;text-shadow:0 1px #000}#studio input[type=color]{background:linear-gradient(#5f707a,#17232c);border:2px solid #0a131a;border-bottom-color:#8599a844;box-shadow:inset 0 1px #e8ffff30;height:46px!important;padding:7px;border-radius:8px}#studio input[type=checkbox]{accent-color:#5bd2f3;filter:drop-shadow(0 1px 1px #0008)}
/* Real, keyboard-accessible range inputs with a machined fader cap. */
#studio input[type=range]{appearance:none;-webkit-appearance:none;height:46px;background:transparent;border:0;padding:0;margin:3px 0 7px;cursor:ew-resize;accent-color:#67d4f3}#studio input[type=range]::-webkit-slider-runnable-track{height:12px;border:2px solid #02090e;border-bottom-color:#72899466;border-radius:5px;background:linear-gradient(#01080d,#0b2533 55%,#0e3545);box-shadow:inset 0 2px 4px #000,0 1px #c9eeff1a}#studio input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:30px;height:37px;margin-top:-14px;border:2px solid #a8bac5;border-bottom-color:#526674;border-right-color:#718694;border-radius:5px;background:linear-gradient(0deg,#7b929f 0%,#e8f5fa 10%,#a2b6c3 23%,#f1fafc 46%,#4d646f 48%,#304b5b 51%,#d7e5ec 53%,#9baeb9 75%,#e7f3f7 88%,#8b9fa9);box-shadow:inset 0 0 0 2px #ffffff33,0 4px 6px #000b;cursor:ew-resize}#studio input[type=range]::-moz-range-track{height:10px;border:2px solid #030a10;border-bottom-color:#6e889555;border-radius:5px;background:#0b2533;box-shadow:inset 0 2px 4px #000}#studio input[type=range]::-moz-range-thumb{width:28px;height:34px;border:2px solid #b7c9d2;border-radius:4px;background:linear-gradient(#f2fafb,#9fb4c1 46%,#345467 49%,#dcebf2 55%,#9baeba);box-shadow:0 4px 6px #0009}#studio input[type=range]:focus-visible{outline-offset:5px}
.s-range-reading{display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:27px;padding:3px 7px;margin-left:auto;background:#061723;border:1px solid #071019;border-bottom-color:#657d8d55;border-radius:4px;color:#a9e8ff;font:12px Consolas,monospace;box-shadow:inset 0 2px 4px #0008;letter-spacing:.3px}
#studio .s-footer{margin-top:6px;padding:8px 16px;border:1px solid #394e5d;border-radius:6px;background:linear-gradient(#192936,#0c1b27);color:#8dacbf;font-family:Consolas,monospace}.s-footer #s-time{color:#a7dfea;letter-spacing:2px}.studio-ready dialog{background:var(--metal,linear-gradient(140deg,#3a4953,#172d3c));border:1px solid #8ca0aa;border-radius:18px;box-shadow:inset 0 2px #e5f5ff33,0 30px 100px #000c}.studio-ready dialog h2{color:#d7f1ff;text-shadow:0 2px #000}.studio-ready #licenseModal>div{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(135deg,#3b4b57,#142937)!important;border-color:#8ba5b2!important;box-shadow:inset 0 2px #ffffff33,0 20px 80px #000c!important}.studio-ready .license-buy-link{background:linear-gradient(#4c7282,#284b60 65%,#15384c);border-color:#6895a9;color:#c6f4ff;text-shadow:0 1px #000;box-shadow:inset 0 1px #d3f4ff33,inset 0 -3px #40c5f6,0 4px #061725}
@media(max-width:1150px){#studio{padding:6px}.s-header{gap:10px!important;padding:12px 18px!important}#studio .s-brand{font-size:23px}#studio nav button{min-width:68px;font-size:11px}.s-mark{display:none}#studio .s-network{padding:8px;font-size:10px}#studio .s-card{padding:14px}.s-adjustments,.s-card-links{gap:6px}#studio .s-card-links button{font-size:10px}}
@media(max-width:850px){#studio .s-header nav{width:100%;flex-basis:100%;margin-top:6px}#studio .s-module-rail{padding:7px}#studio .s-module-rail button{margin:0;min-height:48px}.s-module-rail button>span{font-size:15px}#studio .s-card{padding:11px}#studio .s-card-title{font-size:14px}.s-card-state{font-size:10px}}
@media(max-width:600px){#studio{padding:4px}#studio .s-card{padding:17px}.s-header nav button{min-width:0!important;font-size:10px!important}.s-screen-tabs{width:100%}.s-screen-tabs button{min-width:0!important}.s-network{font-size:9px!important}.s-card-status{font-size:11px}.s-context{padding:15px 10px!important}}
@media(min-width:900px){
#s-rack[data-count="4"]{grid-template-rows:repeat(2,minmax(220px,1fr));gap:12px}
#studio #s-rack[data-count="4"] .s-card{display:grid;grid-template-columns:minmax(90px,27%) minmax(0,1fr);grid-template-rows:28px 38px 44px 40px 40px;gap:6px 10px;padding:12px}
#s-rack[data-count="4"] .s-card>header{grid-column:1/-1;margin:0}
#s-rack[data-count="4"] .s-card-preview{grid-column:1;grid-row:2/6;min-height:0}
#s-rack[data-count="4"] .s-card-readout{grid-column:2;margin:0;padding:4px 8px}
#s-rack[data-count="4"] .s-card-transport,#s-rack[data-count="4"] .s-adjustments,#s-rack[data-count="4"] .s-card-links{grid-column:2;margin:0;gap:5px}
#studio #s-rack[data-count="4"] button{min-height:36px;padding:5px;font-size:10px}
#s-rack[data-count="4"] .s-card-time{font-size:20px}
#s-rack[data-count="4"] .s-card-state{font-size:9px}
}
@media(min-width:900px){
#studio:has(#s-rack[data-count="4"]):not(:has(#s-live[hidden])) .s-context{padding-top:10px;padding-bottom:10px}
#studio #s-rack[data-count="4"]{grid-template-rows:repeat(2,minmax(210px,1fr))}
#studio #s-rack[data-count="4"] .s-card{grid-template-rows:24px 30px 36px 36px 36px;padding:8px 12px;row-gap:4px}
#studio #s-rack[data-count="4"] .s-card-title{min-height:24px;font-size:13px}
#studio #s-rack[data-count="4"] .s-card-readout{min-height:0}
}
#studio button, #studio button *, #studio label, #studio .s-card-readout,
.studio-ready dialog button, .studio-ready dialog button * {
 -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;
}
.s-network-session{margin-bottom:18px}.s-session-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #ffffff20}.s-network-session form{display:flex;align-items:end;gap:12px;margin-top:16px}.s-network-session form label{flex:1}.s-network-session input{width:100%}.s-network-dialog{max-width:520px;padding:28px}.s-return-session{font-size:11px!important;white-space:nowrap}@media(max-width:650px){.s-network-session form{display:block}.s-network-session form button{margin-top:10px}}
#studio input:not([type="range"]):not([type="checkbox"]):not([type="color"]),
#studio textarea,.studio-ready dialog input,.studio-ready dialog textarea {
 -webkit-user-select:text;user-select:text;
}
@media(min-width:850px) and (max-height:740px){
 #studio #s-rack:not([data-count="4"]){grid-template-rows:minmax(270px,1fr)}
 #studio #s-rack:not([data-count="4"]) .s-card{display:grid;grid-template-columns:minmax(90px,28%) minmax(0,1fr);grid-template-rows:28px 36px 44px 42px 42px;gap:8px;padding:12px}
 #s-rack:not([data-count="4"]) .s-card>header{grid-column:1/-1;margin:0}
 #s-rack:not([data-count="4"]) .s-card-preview{grid-column:1;grid-row:2/6;min-height:0}
 #s-rack:not([data-count="4"]) .s-card-readout{grid-column:2;margin:0;padding:4px 8px;min-height:0}
 #s-rack:not([data-count="4"]) .s-card-transport,#s-rack:not([data-count="4"]) .s-adjustments,#s-rack:not([data-count="4"]) .s-card-links{grid-column:2;margin:0;gap:4px}
 #studio #s-rack:not([data-count="4"]) .s-card button{padding:4px;min-height:40px;font-size:10px}
 #studio #s-rack:not([data-count="4"]) .s-card-title{min-height:28px;font-size:14px}
 #s-rack:not([data-count="4"]) .s-card-state{font-size:9px}
}

#studio #s-ui-language{width:68px;flex:0 0 68px;font-size:12px;min-height:44px}#studio .s-return-session{flex:0 0 auto}
@media(max-width:1150px){#studio .s-header:has(.s-return-session){flex-wrap:wrap}#studio .s-header:has(.s-return-session) nav{order:3;flex-basis:100%}#studio .s-header:has(.s-return-session) .s-network{margin-left:auto}}