/* Production layout: approved materials + original application controls. */
:root{--bg:#171d20;--bg2:#192328;--bg3:#2b383e;--panel:#252e32;--line:#43535c;--txt:#d7e0e5;--txt-dim:#9cafbb;--accent:#83dcec;--accent2:#345b6c;--ok:#8ae19b;--warn:#e7bd71;--err:#ef9387;--chip:#25353c;--lcd:#8eeaff;--lcd-bg:#071418;--ma-yellow:#eed69b}
[hidden]{display:none!important}
body.studio-live{display:block;min-width:0}
.studio-wordmark{display:block;font-size:28px;font-weight:800;letter-spacing:-1.3px;text-shadow:0 2px 2px #000,0 -1px #fff8;white-space:nowrap}.studio-wordmark span{font-style:italic;font-weight:650}
.studio-live .topbar{padding:0 15px 0 0;gap:17px}.studio-live .topbar .brand{display:block;padding:0;width:var(--sidebar);border-right:3px ridge #46535b;text-align:center;line-height:47px;flex:none}.studio-live .topbar .conn{margin-left:auto;gap:10px}.studio-site-label{display:flex;flex-direction:column;gap:4px;white-space:nowrap;font-size:12px}.studio-site-label small{font-size:8px;letter-spacing:1.5px;color:#93a7b0}.studio-live .topbar .btn{min-height:30px;padding:4px 10px}.studio-live .dot{width:9px;height:9px;margin-left:4px}.studio-live .dot.on{background:#88e99b;box-shadow:0 0 8px #67ed8c88}
.studio-navigation{display:block;overflow:auto;flex:1}.studio-navigation .navlink{width:100%;font-family:inherit;background:none;border:1px solid transparent;text-align:left;margin:0;border-radius:0}.studio-navigation .navlink.active{background:linear-gradient(105deg,#52bfe749,#2f556343 45%,#153643);border-color:#77c8e5;border-radius:3px}.studio-navigation .navlink:hover{background-color:#ffffff08}
#studio-workspace{position:absolute;left:var(--sidebar);top:49px;right:0;bottom:46px;overflow:auto;scrollbar-color:#586f7a #182227;background:radial-gradient(ellipse at 30% 0,#45545b16,transparent 65%),#171d20}
#studio-workspace>.view{padding:18px;min-height:100%}#studio-workspace>.view:not(.active){display:none}#studio-workspace>.view.active{display:block}.studio-live .pagehead{margin:0 3px 23px}.studio-live .toolbar{gap:12px;row-gap:15px}.studio-live .panel{margin-bottom:16px;padding:22px}.studio-live .panel h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:0 0 18px;color:#c5d2d8}.studio-live .split{gap:18px}.studio-live .netbar,.studio-live .nodecfg{padding:14px;border:1px solid #0c1317;background:linear-gradient(#1b282f,#172228);box-shadow:inset 0 2px 5px #0007,0 1px #64768044;gap:12px}.studio-live .tablewrap{overflow:auto;background:#192329}.studio-live table{white-space:normal}.studio-live table th{white-space:nowrap;padding:15px 12px}.studio-live table td{padding:13px 12px}.studio-live .grid tbody tr{background:transparent}.studio-live .grid tbody tr:nth-child(even){background:#ffffff03}.studio-live .grid tbody tr.selected{background:#42708240}.studio-live .num.xs{min-width:50px}.studio-live .text{min-width:100px}.studio-live .tablewrap .btn{white-space:nowrap}.studio-live .list-item{padding:15px 8px;gap:14px}.studio-live .detail{background:#202d34;border:1px solid #758790;border-radius:7px;box-shadow:0 20px 80px #000b}.studio-live .detail-head{background:transparent}.studio-live .detail .panel{margin-top:16px}.studio-live .detail-tabs{gap:9px;padding:14px}.studio-live .detail-tabs .dtab{border-radius:5px}.studio-live .detail-tabs .dtab.active{color:var(--cyan);border-color:#69b3c9}
.studio-live .stats .panel{margin:0;padding:20px}.studio-live .stats{margin-bottom:22px}.studio-live .stats .value{color:#94eafa}.studio-live #nodeList{display:flex;flex-direction:column;gap:8px}.studio-live #nodeList>.panel{overflow:auto}.studio-live #nodeList>.panel table{min-width:1040px}.studio-live .row-actions{gap:12px;row-gap:10px;flex-wrap:wrap}.studio-live .gw{padding:10px 14px;margin-bottom:8px}.studio-live .card{background:linear-gradient(#344047,#253138);box-shadow:inset 0 1px #899fa04a,0 2px 6px #0009;border:1px solid #080f13;padding:22px}.studio-live .card .big{font-family:Consolas,monospace;color:#9ce7f0}
.btn.hardware{min-height:36px;font-size:12px}.btn.hardware.sm{min-height:29px;font-size:11px}.btn.hardware.primary,.btn.hardware.on{background:linear-gradient(#7094a4 0,#365362 3px,#203641 17%,#162b35 65%,#344e5c 96%,#0c1c23);color:#abeafa;border-color:#5b91a5}.btn.hardware.ghost{background:linear-gradient(#48575f,#26343c 8%,#1a252c 70%,#2c3c46)}.btn.hardware.warn{color:#f3cc81}.btn.hardware.danger{color:#eea294}.btn.hardware:active{transform:translateY(1px)}.studio-live input,.studio-live select{font-size:12px}.studio-live .search{flex:1 1 240px;min-width:140px}.studio-live .lockbanner{position:absolute;top:49px;left:var(--sidebar);right:0;z-index:5}.studio-live:has(.lockbanner) #studio-workspace{top:85px}.studio-live .remote-overlay{z-index:150}.studio-live .remote-box{padding:25px;max-width:850px}.studio-live .statusbar{font-size:11px}.studio-live .disconnected{color:#ffad98}.studio-disconnected .statusbar{border-top-color:#8d584e}.studio-live .toasts{bottom:62px}
.studio-live #view-tester{padding:0;overflow:hidden;height:100%;min-height:0}.studio-live #studio-tester{border:0;width:100%;height:100%;display:block;background:#171d20}
.studio-live .rec-deck{background:linear-gradient(120deg,#303c43,#202b31);border:1px solid #080f13;box-shadow:inset 0 0 0 1px #60737d,inset 0 0 0 3px #303d43,0 4px 8px #0009;padding:24px;border-radius:7px;margin-bottom:22px}.studio-live .rec-transport{gap:20px;flex-wrap:wrap}.studio-live .rec-clock{background:#071116;border:2px solid #040b0f;box-shadow:0 0 0 1px #5c7f8d,inset 0 4px 10px #000;border-radius:5px;padding:12px 18px}.studio-live .rec-time{font-size:43px;color:#94f0ff;text-shadow:0 0 8px #69d8ea55}.studio-live .rec-rec{box-shadow:0 0 0 4px #10191e,0 0 0 5px #7d5c57,inset 1px 3px 5px #ffe1cf88,3px 7px 12px #000b}.studio-live .uni-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:18px 0}.studio-live .uni{background:linear-gradient(#293b45,#17262e);border:1px solid #0a141b;box-shadow:inset 0 1px 0 #70889655,0 4px 5px #0007;padding:18px}.studio-live .uni-vu{height:15px}.studio-live .uni-fill{background:repeating-linear-gradient(90deg,#83dbe8 0 5px,#172c35 5px 7px)}.studio-live .take{padding:18px;gap:18px}.studio-live .take .ti span{display:block;margin-top:7px}.studio-live .pad-grid{gap:16px}.studio-live #padGrid .pad{min-height:140px;height:auto;padding:22px;border:2px solid #080f14;box-shadow:0 0 0 1px #617784,inset 1px 2px 2px #bed7e344,inset 0 -3px 3px #0009,3px 6px 8px #000a;background:linear-gradient(#3c4e59,#24333d 7%,#18252e 64%,#293d48)}.studio-live .pad.filled{border-color:var(--pad-c,#85d6e9)}.studio-live .pad .pad-edit,.studio-live .pad .pad-clear,.studio-live .pad .pad-swap{opacity:.8}.studio-live .pad-name{font-size:18px}.studio-live .pad-progress{box-shadow:0 0 8px var(--pad-c,#91edff)}.studio-live .tc-wrap{padding:24px 0;gap:24px}.studio-live .tc-display{width:min(1100px,100%);text-align:center;background:radial-gradient(ellipse at bottom,#15374066,transparent 65%),#041017;border:3px solid #03080c;box-shadow:0 0 0 1px #5c7d8c,inset 3px 8px 22px #000e,0 3px 0 #839ba533;padding:40px 16px;color:#95edfa;border-radius:7px}.studio-live .tc-display.run{text-shadow:0 0 16px #79e7ff55}.studio-live .dmx-cell{font-size:11px;border:1px solid #0a151c;padding:7px 0;min-height:46px;border-radius:4px}.studio-live .osc-panels{gap:18px}.studio-live .feed{background:#131f26;border:1px solid #091217;padding:14px;border-radius:5px}.studio-live .logbox,.studio-live pre.result{background:#08151d;border:1px solid #040c11;padding:20px;box-shadow:inset 0 4px 10px #000b;color:#b0d0df;line-height:1.8}
.studio-live #plan{height:calc(100vh - 245px);min-height:450px;overflow:auto;border:2px solid #0c161c;box-shadow:inset 0 0 50px #0008,0 1px #718d9955;background:repeating-linear-gradient(0deg,transparent 0 24px,#5d889025 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#5d889025 24px 25px),#111e26}.studio-live #plan .node{touch-action:none;min-width:86px;min-height:66px;border-radius:5px;background:linear-gradient(#38576a,#192e3c);border:1px solid #668b9f;box-shadow:2px 5px 9px #000a,inset 0 1px #a2c1ce33}.studio-live #plan .node.offline{border-color:#9f6259;background:linear-gradient(#443237,#281f24)}.studio-live #plan .node.identify{box-shadow:0 0 16px #89e8ff;border-color:#c2faff}

/* Same live tester is hosted standalone or inside the main navigation. */
body.studio-tester{display:block;height:auto;min-height:100vh;overflow:auto;padding-bottom:55px;background:#171d20}.studio-tester>.topbar{position:relative;min-height:57px;height:auto;padding:10px 18px;gap:20px}.studio-tester .brand{border:0;width:auto;height:auto;line-height:1}.studio-tester .brand .studio-wordmark{font-size:26px}.studio-tester>.pagehead{padding:20px 20px 0;margin-bottom:22px}.studio-tester .pagehead .actions{gap:15px;flex-wrap:wrap}.studio-tester.studio-embedded>.topbar{display:none}.studio-tester.studio-embedded>.pagehead{padding-top:17px}.studio-console{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:0 20px 22px;overflow:visible;min-height:0}.studio-tester-main,.studio-tester-side{display:flex;flex-direction:column;gap:16px;min-width:0}.studio-tester .panel{display:block;padding:18px;overflow:visible;flex:none}.studio-tester .panel h3{padding:0 10px 16px;color:#c8d6de;letter-spacing:1px;font-size:12px}.studio-tester .panel h3 .right{margin-left:auto}.studio-tester .fixstrip{padding:0;border:0;background:none;box-shadow:none;margin:0}.studio-tester .fixchips{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.studio-tester .fixchip{position:relative;display:flex;flex-direction:column;align-items:start;gap:4px;min-height:133px;max-width:none;padding:90px 11px 10px;background:radial-gradient(ellipse at top,#697f8d44,transparent 70%),linear-gradient(#303d46,#192832);border:1px solid #688091;box-shadow:inset 0 1px #b3cfdf33,0 2px 6px #0007}.studio-tester .fixchip.focused{border-color:#90e5ff;box-shadow:inset 0 0 7px #7cdaff55,0 0 5px #7cdaff66}.studio-tester .fixchip .fixture-svg{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:87px;height:85px;pointer-events:none}.studio-tester .fixchip .fsel{position:absolute;top:10px;left:10px;width:16px;height:16px;z-index:1}.studio-tester .fixchip .fx{position:absolute;top:5px;right:5px;min-width:25px;min-height:25px}.studio-tester .fixchip .fname{max-width:100%;font-size:12px;font-weight:500;white-space:nowrap}.studio-tester .fixchip .faddr{font-size:10px}.studio-tester .fixtools{padding:10px 0 0;flex-wrap:wrap}.studio-tester #selInfo{font-size:10px}.studio-tester .params-head{flex-wrap:wrap;gap:15px;padding-bottom:18px}.studio-tester .tabs{gap:10px;flex-wrap:wrap}.studio-tester .tabs .hardware{min-width:75px}.studio-tester #groups{min-width:0}.studio-tester .group{margin:0}.studio-tester .ghead{display:none}.studio-tester .gbody{gap:18px;padding:16px;background:linear-gradient(120deg,#162229,#1b2931);border:1px solid #081218;box-shadow:inset 2px 4px 8px #0009,0 1px #68828e44;border-radius:5px;min-height:310px;align-items:start}.studio-tester .chan{width:114px;min-width:106px;flex:none;background:none;border:0;border-radius:0;padding:0 7px;gap:8px}.studio-tester .chhead{position:relative;padding-top:12px}.studio-tester .chname{font-size:12px;font-weight:500;color:#d5e2e9}.studio-tester .chnum,.studio-tester .chbits{font-size:9px;color:#8ea9b7}.studio-tester .chhead .chnum{position:absolute;left:0;top:0}.studio-tester .chhead .chbits{position:absolute;right:0;top:0}.studio-tester .fbody{flex-direction:column;align-items:center;gap:10px}.studio-tester .chvals{display:contents}.studio-tester .chpct{order:-2;width:100%;font-size:20px;font-family:Consolas,monospace;color:#92efff;background:#07151c;border:2px solid #030b10;box-shadow:0 0 0 1px #537787,inset 0 2px 5px #000;padding:6px;border-radius:4px;text-shadow:0 0 6px #7de6ff44}.studio-tester .chvals .val{font-size:12px;order:2;min-width:65px}.studio-tester .chin{order:3;width:75px;padding:4px}.studio-tester .chphys{order:4;font-size:10px;text-align:center;color:#91bdce}.studio-tester .fader-assembly{height:215px;margin:12px auto 6px}.studio-tester .fader-input.vfader{margin:0;left:0;top:0;height:100%;width:54px;background:none}.studio-tester .fader-input.vfader::-webkit-slider-thumb{width:44px;height:52px;margin:0;background:transparent;box-shadow:none}.studio-tester .fader-input.vfader::-webkit-slider-runnable-track{width:44px;height:100%;background:transparent;border:0}.studio-tester .finebtns,.studio-tester .chbtns{gap:5px;flex-wrap:wrap}.studio-tester .finebtns .btn,.studio-tester .chbtns .btn{padding:3px;min-height:25px;min-width:20px;font-size:9px}.studio-tester .chsets{min-width:0;width:100%;font-size:10px}.studio-tester .masterrow{padding:4px 8px;align-items:center;justify-content:space-between;gap:15px}.studio-tester .masterbox>h3{padding-top:18px}.studio-tester .master-controls .fader-assembly{height:252px}.studio-tester .master-controls .gmwrap{display:flex;flex-direction:column;align-items:center;width:103px}.studio-tester .master-controls #gmVal{margin-top:15px;width:97px;order:2;font-size:23px}.studio-tester .master-controls .mbtns{gap:20px}.studio-tester .master-controls .mbtns .btn{width:140px;min-height:55px;flex:none;font-size:12px}.studio-tester .master-controls .mbtns #btnZero{min-height:34px}.studio-output{border-bottom:1px solid #71849144;padding-bottom:18px}.studio-output #btnOutput{display:flex;width:100%;justify-content:flex-start;padding:17px;color:#a3b4bf;min-height:56px;margin-bottom:19px;background:linear-gradient(#141f25,#1c2b34);font-size:18px}.studio-output #btnOutput.on{color:#a0f0ab}.studio-output #btnOutput.off .led{background:#58636a;box-shadow:none}.studio-output label{display:flex;justify-content:space-between;padding:0 5px}.studio-output select{min-width:135px}.studio-tester .studio-color-mixer{display:flex;flex:1 1 190px;align-items:center;flex-direction:column;gap:20px;padding:20px 5px;min-width:170px}.studio-tester .studio-color-mixer .color-wheel{width:190px;height:190px;max-width:100%}.studio-tester .colorpick{flex-direction:column;gap:14px;align-items:center}.studio-tester .swatches{display:grid;grid-template-columns:repeat(4,33px);gap:10px;margin:0}.studio-tester .swatch{width:33px;height:33px;cursor:pointer}.studio-tester .colorpick input{width:100%;min-height:35px}.studio-tester .position-controls{flex-wrap:wrap;gap:20px}.studio-tester .knob-unit label{display:block}.studio-tester .knob-unit .lcd{min-width:85px;width:auto}.studio-tester .xy{width:180px;height:130px;touch-action:none}.studio-tester .knob input{width:100%;height:100%}.studio-tester .studio-memories{grid-column:1/-1}.studio-tester .pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px;margin:18px 0}.studio-tester .pad{display:flex;position:relative;flex-direction:column;min-height:105px;height:auto;align-items:center;justify-content:center;padding:18px 10px;cursor:pointer}.studio-tester .pad .pbar{height:4px;top:auto;bottom:23px;left:12px;right:12px;box-shadow:0 0 8px currentColor}.studio-tester .pad .pname{font-size:14px}.studio-tester .pad .pfade{font-size:10px;margin-top:20px}.studio-tester .memtools{gap:12px;flex-wrap:wrap;margin-bottom:15px}.studio-tester .macrolist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-tester .macro{height:auto;min-height:100px;display:flex;flex-direction:column;gap:7px;padding:12px 5px;background:#1b2931;border:1px solid #4b6574;border-radius:5px}.studio-tester .macro .mplay{width:100%;min-height:34px}.studio-tester .macro .mlabel{font-size:11px;white-space:normal;text-align:center}.studio-tester .macro .mspeed{width:100%;display:flex;flex-direction:column}.studio-tester .macro .mspeed input{width:100%;max-width:100%;min-width:0}.studio-tester>.statusbar{position:fixed;left:0;right:0;height:42px;z-index:6;gap:15px;font-size:10px;padding:0 16px}.studio-tester>.statusbar>.hint{max-width:380px;font-size:9px}.studio-tester.studio-embedded>.statusbar{height:35px}.studio-drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,94vw);z-index:30;background:#18252d;border-left:1px solid #69828f;box-shadow:-20px 0 60px #000b;padding:20px;overflow:auto}.studio-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.studio-drawer-head h2{font-size:18px;letter-spacing:0}.studio-drawer .panel{margin-bottom:18px}.studio-drawer .row{margin-bottom:12px}.studio-drawer .searchwrap{margin:18px 0}.studio-drawer .searchwrap .search{min-width:0}.studio-drawer .results{max-height:45vh}.studio-drawer .sheet{max-height:500px}.studio-tester.locked .studio-console,.studio-tester.locked .studio-drawer{pointer-events:none;opacity:.6}.studio-tester .empty{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.studio-tester .empty p{max-width:440px;line-height:1.8}
@media(max-width:1400px){.studio-live .topbar{gap:12px}.studio-live .topbar .conn{gap:8px}.studio-site-label{display:none}.studio-console{grid-template-columns:minmax(0,1fr) 285px}.studio-tester .master-controls .mbtns .btn{width:110px}.studio-tester .master-controls{gap:8px}.studio-tester .chan{width:108px;min-width:100px}.studio-tester .gbody{gap:12px;padding:14px}.studio-tester .studio-color-mixer{flex-basis:170px}.studio-tester .studio-color-mixer .color-wheel{width:160px;height:160px}.studio-tester .tabs .hardware{min-width:65px;font-size:11px}}
@media(max-width:1100px){.studio-console{grid-template-columns:1fr}.studio-tester-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.studio-tester .master-controls{gap:18px}.studio-tester .master-controls .mbtns .btn{width:130px}.studio-live .topbar .conn>a[title]{min-width:25px;padding:3px 6px}.studio-live .stats{grid-template-columns:repeat(2,1fr)}.studio-live .topbar .brand{width:var(--sidebar)}.studio-live .statusbar{gap:12px}.studio-live #studio-output{display:none}}
@media(max-width:760px){.studio-live .topbar{height:58px;overflow-x:auto}.studio-live .topbar .brand{line-height:55px}.studio-wordmark{font-size:15px;letter-spacing:-.8px}.studio-live .sidebar{top:58px}.studio-live #studio-workspace{top:58px}.studio-live .topbar .conn{min-width:max-content}.studio-live #studio-workspace>.view{padding:12px}.studio-live #studio-workspace>#view-tester{padding:0}.studio-live .split{grid-template-columns:1fr}.studio-live .panel{padding:18px}.studio-live .tablewrap table{min-width:950px}.studio-tester>.pagehead{padding:14px 12px 0;gap:12px}.studio-tester>.pagehead h1{font-size:22px}.studio-console{padding:0 12px 20px}.studio-tester-side{grid-template-columns:1fr}.studio-tester .fixchips{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.studio-tester .gbody{justify-content:center;padding:12px 5px}.studio-tester>.statusbar>.hint{display:none}.studio-tester .memtools .btn{min-height:35px}.studio-live .remote-cards{flex-direction:column}.studio-live .statusbar #studio-selection{display:none}}

.studio-live #studio-workspace>.netbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.studio-live #studio-workspace>.netbar select{min-width:180px;max-width:100%;flex:1}.studio-network-controls{display:grid;gap:9px;margin:14px 0;text-align:left}.studio-network-controls select{width:100%;min-width:0}.studio-network-controls small{overflow-wrap:anywhere;color:var(--txt-dim)}.studio-embedded .studio-network-controls{display:none}
html.studio-tinted{filter:hue-rotate(var(--studio-hue,0deg))}
#studio-options{width:min(660px,calc(100vw - 36px));max-height:85vh;overflow:auto;padding:24px;color:var(--txt);background:linear-gradient(135deg,#303b41,#172127);border:1px solid #6b7e88;border-radius:10px;box-shadow:0 18px 65px #000b}
#studio-options::backdrop{background:#0009}
#studio-options>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}#studio-options h2{font-size:22px;margin:0}#studio-options h3{font-size:14px;margin:0 0 14px}#studio-options section+section{border-top:1px solid #60737d66;padding-top:22px;margin-top:22px}#studio-options .netbar{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;border:0;background:none}#studio-options .netbar select{width:100%;max-width:100%;min-width:0}#studio-options .netbar>span:first-child{display:none}#studio-options p{font-size:12px;color:var(--txt-dim)}.studio-hue-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#studio-hue-wheel{position:relative;width:130px;height:130px;border-radius:50%;flex-shrink:0;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:4px solid #10191e;box-shadow:0 0 0 1px #758791,inset 0 0 12px #0008,0 4px 9px #0009;touch-action:none;cursor:crosshair;filter:hue-rotate(var(--studio-hue-inverse,0deg))}#studio-hue-wheel:before{content:'';position:absolute;inset:27px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#506069,#182126 70%);box-shadow:0 2px 8px #000b}#studio-hue-wheel i{position:absolute;inset:0;transform:rotate(var(--wheel-angle,0deg));pointer-events:none}#studio-hue-wheel i:before{content:'';position:absolute;top:5px;left:calc(50% - 7px);width:14px;height:14px;border:2px solid white;border-radius:50%;box-shadow:0 1px 4px #000}#studio-hue-wheel:focus-visible{outline:3px solid white;outline-offset:5px}#studio-hue-value{min-width:40px;color:var(--lcd)}