:root{color-scheme:dark;--bg:#151a1c;--panel:#272d2f;--text:#d9dcdf;--muted:#9aa5ac;--cyan:#80eaff;--amber:#f4c26b;--green:#82eb93;--red:#ec9082;--edge:#080c0e;--sidebar:194px;font-family:'Segoe UI',Arial,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:#14191b;color:var(--text);height:100vh;overflow:hidden}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-.5px}h2{font-size:14px;letter-spacing:1.4px;font-weight:600}h3{font-size:14px;font-weight:550}small,.muted{color:var(--muted)}small{font-size:11px}b{font-weight:600}input,select{background:linear-gradient(#111719,#202628);border:1px solid #05090b;border-radius:4px;color:var(--text);padding:10px 12px;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff22;min-width:0}select{cursor:pointer}input[type=checkbox]{accent-color:#79d7e9;width:16px;height:16px;box-shadow:none}input[type=color]{height:42px;padding:3px}label.field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--muted)}label.field input,label.field select{width:100%;color:var(--text)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.wide{grid-column:1/-1}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:16px}.spacer{flex:1}.divider{margin:0 15px;color:#68747a}.rule{height:1px;background:#0b1012;box-shadow:0 1px #ffffff18;margin:20px 0}
.topbar,.sidebar,.statusbar,.panel,.pagehead{background-color:#252b2d;background-image:repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,#00000002 1px,#00000002 3px),linear-gradient(105deg,#ffffff07,transparent 30%,#00000019 75%,#ffffff03)}
.topbar{height:49px;display:flex;align-items:center;gap:18px;border-bottom:2px solid #080d0f;box-shadow:0 1px #ffffff20;position:relative;z-index:2;padding-right:16px}.brand{width:var(--sidebar);flex:none;text-align:center;font-size:28px;font-weight:800;letter-spacing:-1.3px;text-shadow:0 2px 2px #000,0 -1px #fff8;border-right:3px ridge #454d50;height:49px;line-height:46px}.brand span{font-style:italic;font-weight:650}.project{display:flex;gap:12px;align-items:center;color:#b6bec2}.project select{width:250px;padding:7px 12px}.connection{margin-left:auto;display:flex;align-items:center;gap:9px;color:#a5e3a7;font-size:12px;background:#15231b77;padding:5px 8px;border-radius:4px}.top-count{font-size:12px;white-space:nowrap;color:#bdc4c8}.demo-badge{border:1px solid #88703d;background:#332c1d;color:#dfc083;border-radius:3px;font-size:9px;letter-spacing:1px;padding:6px}.sidebar{position:absolute;top:49px;bottom:46px;left:0;width:var(--sidebar);border-right:3px ridge #434b4e;display:flex;flex-direction:column;background-color:#1c2224}.sidebar nav{overflow:auto;flex:1}.navgroup{padding:17px 0 16px;border-bottom:1px solid #080c0e;box-shadow:0 1px #ffffff18}.navgroup h2{font-size:10px;letter-spacing:1.8px;color:#99abb5;margin:0 22px 14px}.navlink{display:flex;align-items:center;gap:17px;height:44px;padding:0 24px;border:1px solid transparent;position:relative;font-size:14px;color:#c6cbd0}.navlink svg{width:23px;height:23px;stroke:#d2d9dd;flex:none}.navlink:hover{background:#ffffff08}.navlink.active{color:#a3efff;border-color:#77c8e5;border-radius:3px;background:linear-gradient(105deg,#52bfe749,#2f556343 45%,#153643);box-shadow:inset 0 0 12px #75d4ff40,0 0 6px #000}.navlink.active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#aeedff;box-shadow:0 0 9px #6edfff}.navlink.active svg{stroke:#a3efff}.sidebar-foot{font-size:10px;padding:16px 20px;border-top:1px solid #41484a;color:#a5adb3}.sidebar-foot span{display:block;font-size:8px;letter-spacing:1.1px;margin-top:8px;color:#78878f}
#workspace{position:absolute;left:var(--sidebar);right:0;top:49px;bottom:46px;overflow:auto;padding:16px 18px 18px;background:radial-gradient(ellipse at 40% 0,#30363844,transparent 60%),#171c1e;scrollbar-color:#566269 #181e20}.pagehead{background:none;display:flex;align-items:center;gap:20px;margin:0 5px 18px;min-height:32px}.pagehead p{font-size:13px;color:#aeb7bd}.pagehead .actions{margin-left:auto;display:flex;gap:10px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8ba0ab;margin-bottom:7px}.panel{position:relative;border:1px solid #05090a;border-radius:7px;padding:18px;box-shadow:inset 0 0 0 1px #697276,inset 0 0 0 3px #303739,inset 0 4px 6px #ffffff12,0 2px 5px #000c;min-width:0}.panel:before,.panel:after{content:'';position:absolute;top:12px;width:7px;height:7px;background:linear-gradient(135deg,#0a0c0d 42%,#5d6669 48%,#090c0d 60%);border-radius:50%;box-shadow:0 1px 1px #ffffff55,inset 0 1px 1px #000;pointer-events:none}.panel:before{left:10px}.panel:after{right:10px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 12px 16px;font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:#d0d5d8;text-shadow:0 1px #000}.panel-title .row{letter-spacing:0;text-transform:none}.inset{background:linear-gradient(125deg,#141b1d,#1b2224);border:1px solid #050a0b;border-radius:5px;box-shadow:inset 0 2px 6px #0008,0 1px #ffffff22;padding:16px}.hardware{background:linear-gradient(180deg,#4c5458 0%,#30383c 5%,#242c2f 45%,#192023 94%,#0b1113 100%);border:1px solid #070c0e;border-radius:5px;padding:10px 17px;min-height:40px;box-shadow:inset 0 0 0 1px #6c777b70,inset 0 2px 2px #ffffff14,0 2px 3px #0008;text-shadow:0 1px 2px #000;letter-spacing:.1px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hardware:hover{filter:brightness(1.17)}.hardware:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #0009}.hardware.active,.hardware.cyan{color:#a2efff;background:linear-gradient(#425d68,#243c46 12%,#1a313b 90%,#0b1720);box-shadow:inset 0 0 0 1px #71aabe,inset 0 0 10px #72d3ff33,0 0 6px #000}.hardware.amber{color:#f7d785}.hardware.red{color:#f4aa9e}.hardware.green{color:#8be89d}.hardware.compact{padding:5px 13px;min-height:30px;font-size:11px}.led{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d8ffd4,#81ef91 45%,#29994e);box-shadow:0 0 8px #5af28477,inset 0 0 1px #e8ffe8;border:1px solid #89d599;vertical-align:middle;margin-right:3px}.led.amber{background:radial-gradient(circle at 35% 25%,#fff1c6,#f3be55 45%,#875714);box-shadow:0 0 8px #ffb54d55;border-color:#e6bf79}.led.red{background:radial-gradient(circle at 35% 25%,#ffe1df,#f17667 45%,#8d2925);box-shadow:0 0 8px #f7635b55;border-color:#d48f86}.led.off{background:#37403e;box-shadow:inset 0 1px 3px #000;border-color:#56605a}.lcd{font-family:Consolas,'Courier New',monospace;font-variant-numeric:tabular-nums;color:#8ff0ff;background:linear-gradient(135deg,#081114,#0d171a);padding:9px 14px;border:1px solid #010608;border-radius:4px;box-shadow:inset 0 2px 5px #000,0 1px #ffffff35;text-shadow:0 0 7px #5acde743}.lcd-number{font-size:25px;text-align:center}.sectiongrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat{display:flex;align-items:center;gap:18px;padding:20px}.stat .value{font-family:Consolas,monospace;font-size:38px;color:#93e9f4;text-shadow:0 0 12px #65cee333}.stat p{font-size:12px;line-height:1.8;color:#bec6cb}.stat small{display:block}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.search{min-width:240px}.table-wrap{overflow:auto;border:1px solid #0b1012;border-radius:4px;background:#192022;box-shadow:inset 0 2px 7px #0006}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;text-align:left}th{color:#9caeb8;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(#2b3438,#21292d);padding:15px 12px;border-bottom:1px solid #060c0e}td{padding:14px 12px;border-bottom:1px solid #333d404f}tbody tr:nth-child(even){background:#ffffff02}tbody tr:hover{background:#506d7822}tbody tr.selected{background:linear-gradient(90deg,#42708255,#223b4644);box-shadow:inset 3px 0 #83d6ec}td .hardware{min-height:29px;padding:5px 9px;font-size:10px}.tag{display:inline-block;border:1px solid #4e687155;padding:4px 7px;border-radius:3px;background:#0f242a;color:#a1c6d1;font-size:10px}.tag.warn{color:#e9c981;border-color:#94773b66;background:#332c1d}.tag.ok{color:#a6dbae;background:#1b2d24;border-color:#42614c}.empty{padding:40px;text-align:center;color:#8fa3ad}.info-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #414c5055;font-size:12px}.info-line span:first-child{color:#9faeb6}.progress{height:8px;border:1px solid #080d0f;border-radius:2px;background:#0b1215;box-shadow:inset 0 2px 3px #0008;overflow:hidden}.progress i{display:block;height:100%;width:var(--level,60%);background:linear-gradient(#a0edee,#429bba);box-shadow:0 0 8px #50dbef}
.tester-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px}.fixture-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.fixture{position:relative;text-align:left;height:118px;padding:6px 9px;border:1px solid #050c0f;border-radius:5px;background:radial-gradient(ellipse at 50% 0,#65727b55,transparent 80%),linear-gradient(#30383c,#192126);box-shadow:inset 0 0 0 1px #616d74}.fixture.selected{box-shadow:inset 0 0 0 1px #91eaff,inset 0 0 9px #5dcfff66,0 0 5px #5dcfff88}.fixture .led{position:absolute;right:10px;top:12px;width:9px;height:9px}.fixture .fixture-name{position:absolute;bottom:8px;left:11px;font-size:12px}.fixture small{position:absolute;top:8px;left:10px;color:#ddd}.fixture-svg{width:90px;height:85px;display:block;margin:0 auto;filter:drop-shadow(0 5px 4px #0008)}.tester-main{display:flex;flex-direction:column;gap:12px}.tabs{display:flex;gap:7px}.tabs .hardware{min-height:32px;min-width:95px;padding:5px 12px}.params-head{padding-bottom:13px;display:flex;gap:24px;align-items:center}.params-head h2{font-size:12px;letter-spacing:1px;padding-left:12px}.color-controls{display:flex;align-items:center;justify-content:space-around;gap:20px;min-height:257px;padding:10px}.faderbank{display:flex;gap:22px;justify-content:space-evenly}.faderunit{text-align:center;min-width:75px}.faderunit label{display:block;font-size:12px;margin-bottom:10px}.faderunit output{display:block;font-size:18px;padding:5px 8px}.fader-assembly{position:relative;height:174px;width:65px;margin:12px auto 0}.fader-track{position:absolute;top:8px;bottom:8px;left:17px;width:17px;background:linear-gradient(90deg,#010406,#161c1f 30%,#020507 60%,#151b1d);box-shadow:inset 1px 1px 5px #000,0 1px 0 #727b80;border:1px solid #05080a;border-radius:3px}.fader-track:before{content:'';position:absolute;bottom:0;left:6px;width:4px;height:var(--value,70%);background:linear-gradient(90deg,#ffffff55,var(--color,#5ed8ee));box-shadow:0 0 5px var(--color,#5ed8ee)}.fader-ticks{position:absolute;right:3px;top:8px;bottom:8px;width:14px;background:repeating-linear-gradient(to top,transparent 0,transparent 9px,#8a989f 9px,#8a989f 10px)}.fader-input{appearance:none;-webkit-appearance:none;position:absolute;width:166px;height:33px;left:-58px;top:70px;transform:rotate(-90deg);padding:0;border:0;background:transparent;box-shadow:none;cursor:ns-resize}.fader-input::-webkit-slider-runnable-track{background:transparent;height:29px}.fader-input::-webkit-slider-thumb{appearance:none;width:32px;height:29px;border-radius:4px;border:1px solid #14181a;background:linear-gradient(90deg,#858b8d 0%,#e1e4e5 12%,#b1b7b9 30%,#717a7d 48%,#eef0f0 50%,#899295 54%,#bfc5c8 83%,#f0f1f1 93%,#747b7e);box-shadow:0 2px 4px #000c,inset 0 0 0 1px #ffffff99}.fader-input::-moz-range-thumb{width:30px;height:29px;border-radius:4px;background:linear-gradient(90deg,#757d82,#eef0f0,#838d92,#d8dddd);border:1px solid #222}.wheel-wrap{text-align:center}.color-wheel{position:relative;width:198px;height:198px;border-radius:50%;border:8px solid #101719;background:radial-gradient(circle,white,transparent 70%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:0 0 0 1px #718089,inset 0 1px 10px #0007,0 5px 8px #0007;cursor:crosshair;touch-action:none}.color-wheel:after{content:'';position:absolute;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;border-radius:50%;background:conic-gradient(#444c50,#13191b,#3d464b,#111719,#444c50);box-shadow:0 1px 6px #000b}.wheel-marker{position:absolute;width:17px;height:17px;border:2px solid white;box-shadow:0 0 3px #000;border-radius:50%;left:27%;top:71%;pointer-events:none}.swatches{display:grid;grid-template-columns:repeat(3,44px);gap:10px;margin-top:16px}.swatch{height:43px;background:linear-gradient(135deg,#ffffff60,transparent 45%),var(--swatch);border:4px solid #151b1e;border-radius:7px;box-shadow:0 0 0 1px #727d8266,inset 0 2px 7px #0006,0 3px 4px #0008}.position-controls{display:flex;align-items:center;justify-content:space-around;gap:25px;min-height:130px}.xy{width:184px;height:126px;background:linear-gradient(#111a1d88,#111a1d88),repeating-linear-gradient(0deg,transparent 0 14px,#57798533 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,#57798533 14px 15px);border:1px solid #03090b;border-radius:4px;box-shadow:inset 0 2px 7px #000a,0 1px #ffffff30;position:relative;touch-action:none;cursor:crosshair}.xy:before,.xy:after{content:'';position:absolute;background:#8da4ac88}.xy:before{height:1px;left:12px;right:12px;top:50%}.xy:after{width:1px;top:12px;bottom:12px;left:50%}.xy-dot{position:absolute;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);background:#92eafa;border-radius:50%;border:2px solid #dcffff;box-shadow:0 0 0 8px #76dfff20,0 0 20px 7px #69d6f188;z-index:1}.knob-unit{text-align:center}.knob-unit label{display:block;font-size:10px;letter-spacing:1px;margin-bottom:10px}.knob-row{display:flex;align-items:center;gap:15px}.knob{position:relative;width:90px;height:90px;border-radius:50%;background:repeating-conic-gradient(#7cdcf1 0deg 3deg,#1a3038 3deg 7deg);box-shadow:0 0 0 1px #020506,0 0 0 4px #414c52,0 3px 8px 4px #0009}.knob:before{content:'';position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from 30deg,#747d80,#e1e5e7 14%,#7d878b 26%,#dce1e4 38%,#788184 52%,#e8eeee 65%,#858f92 78%,#dbe0e2 90%,#747d80);box-shadow:inset 0 0 0 2px #9ca5a9,inset 0 0 0 5px #535e62,0 3px 8px #000}.knob:after{content:'';position:absolute;top:13px;left:43px;height:29px;width:3px;background:#192023;box-shadow:1px 0 #ffffff66;transform-origin:50% 32px;transform:rotate(var(--angle,0deg))}.knob input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:ew-resize}.knob-unit .lcd{font-size:19px;width:80px}.master-panel{height:100%}.master-active{font-size:18px;color:#97e3a3;letter-spacing:1px;padding:18px 14px;margin-bottom:14px}.master-active .led{width:15px;height:15px;margin-right:14px}.master-controls{display:flex;gap:20px;align-items:center;justify-content:space-around;margin-top:20px}.master-controls .fader-assembly{height:222px}.master-controls .fader-input{width:213px;left:-82px;top:94px}.master-buttons{display:flex;flex-direction:column;gap:16px}.master-buttons .hardware{height:57px;width:160px;font-size:13px}.macros{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.macro{height:72px;flex-direction:column;font-size:12px}.macro svg{width:23px;height:23px}.memories{grid-column:1/-1}.memory-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.memory{position:relative;min-height:94px;flex-direction:column;gap:12px;padding:18px 12px 12px}.memory:before{content:attr(data-number);position:absolute;left:9px;top:5px;font-size:10px;color:#abb6bc}.memory .light-line{height:4px;border-radius:2px;width:90%;background:var(--pad,#bbe7f4);box-shadow:0 0 8px var(--pad,#bbe7f4)}.memory small{font-size:10px}.memory.active{background:linear-gradient(#496772,#2b454e 30%,#1d333b);box-shadow:inset 0 0 0 1px var(--pad,#bbe7f4),inset 0 0 20px #7edfff22}
.node-card{padding:22px}.node-face{background:linear-gradient(#2d3437,#131a1d);border:1px solid #05090b;box-shadow:inset 0 0 0 1px #69777c,0 3px 5px #0008;border-radius:5px;padding:18px;margin:20px 0;display:flex;justify-content:space-around;gap:12px}.port{text-align:center;font-size:9px;color:#8eabb8}.port-hole{width:47px;height:47px;margin:8px auto;border-radius:50%;border:5px ridge #7c8588;background:radial-gradient(circle at 35% 35%,#666 0 2px,transparent 3px),radial-gradient(circle at 65% 35%,#666 0 2px,transparent 3px),radial-gradient(circle at 50% 65%,#666 0 2px,transparent 3px),#090d0f;box-shadow:0 3px 4px #000b}.port .led{width:6px;height:6px}.plan-canvas{position:relative;height:570px;overflow:hidden;touch-action:none;background:linear-gradient(#0e161bb0,#0e161bb0),repeating-linear-gradient(0deg,transparent 0 24px,#5d889044 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#5d889044 24px 25px);border:1px solid #070c0f;border-radius:5px;box-shadow:inset 0 0 60px #0007}.stage{position:absolute;left:16%;right:16%;top:12%;bottom:20%;border:2px solid #5c737b88;background:linear-gradient(#62737c0a,#7b8f9808);pointer-events:none}.stage:before{content:'PLATEAU';position:absolute;top:48%;left:0;right:0;text-align:center;font-size:30px;letter-spacing:10px;color:#75899144}.stage:after{content:'PUBLIC';position:absolute;bottom:-70px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:6px;color:#8197a099}.plan-fixture{position:absolute;width:60px;height:57px;transform:translate(-50%,-50%);border:1px solid #456473;background:linear-gradient(#344e59,#1c2b32);color:#abdfe9;border-radius:5px;box-shadow:0 3px 7px #000;cursor:grab;touch-action:none;font-size:10px}.plan-fixture.selected{border-color:#8ee8ff;box-shadow:0 0 12px #72d9ff55}.plan-fixture svg{width:20px;height:20px;display:block;margin:0 auto 4px}.transport{display:flex;align-items:center;gap:16px}.transport .hardware{height:53px;min-width:62px;font-size:20px}.record-button{width:65px;height:65px;border-radius:50%;border:4px solid #1b1010;background:radial-gradient(circle at 35% 25%,#f6a091,#b3493c 45%,#70271f);box-shadow:0 0 0 1px #895a54,inset 0 1px 2px #ffcfbf,0 3px 6px #000;color:#2c0f0a;font-size:30px}.record-button.active{box-shadow:0 0 0 1px #ffb39a,0 0 24px #ed4e3277}.clock{font-family:Consolas,monospace;font-size:45px;letter-spacing:3px}.clock-large{font-size:clamp(54px,7.8vw,130px);text-align:center;padding:35px 20px;letter-spacing:7px}.timeline{height:64px;background:repeating-linear-gradient(90deg,transparent 0 39px,#50677544 39px 40px),#0d161a;border:1px solid #060b0d;position:relative;overflow:hidden;border-radius:4px;margin:24px 0}.timeline .playhead{position:absolute;left:var(--position,0%);height:100%;width:2px;background:#aff4ff;box-shadow:0 0 8px #aff4ff;z-index:1}.timeline-bars{height:100%;display:flex;gap:3px;align-items:center;padding:10px}.timeline-bars i{flex:1;background:linear-gradient(#9ad5da,#386577);opacity:.65;border-radius:1px}.universe-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.universe{padding:13px 10px;background:linear-gradient(#1c292f,#131e22);border:1px solid #090d10;border-radius:4px;box-shadow:inset 0 1px #59697255}.universe .number{font-family:Consolas,monospace;color:#d1e8ee;font-size:17px;margin:12px 0}.meter-bars{display:flex;align-items:end;height:37px;gap:3px}.meter-bars i{flex:1;background:repeating-linear-gradient(to top,#6ac5cb 0 3px,#1a2e34 3px 4px);height:var(--level);opacity:.9}.pads-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pad{height:120px;position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:23px;gap:12px}.pad .light-line{width:100%;height:4px;background:var(--pad);box-shadow:0 0 7px var(--pad)}.pad .pad-index{position:absolute;right:14px;top:9px;font-size:10px;color:#8ca1ac}.pad.active{box-shadow:inset 0 0 0 1px var(--pad),inset 0 0 20px #80dfff22,0 0 10px #000}.pad strong{font-size:16px;font-weight:500}.cue{display:flex;gap:14px;align-items:center;padding:16px 10px;border-bottom:1px solid #3b4a5066;font-size:12px}.cue.active{background:#4c8ba333}.cue .cue-number{font-family:Consolas,monospace;color:#8be5f8}.dmx-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:4px}.dmx-channel{height:53px;border:1px solid #0e171c;border-radius:3px;background:linear-gradient(to top,#44839577 var(--level),#16252b var(--level));padding:5px;cursor:pointer;text-align:center;font-family:Consolas,monospace;color:#b4e1e9}.dmx-channel small{display:block;font-size:8px;color:#8ba9b7;margin-bottom:6px}.dmx-channel.selected{outline:1px solid #b0efff}.graph{height:150px;width:100%;background:repeating-linear-gradient(0deg,transparent 0 29px,#67848b22 29px 30px),repeating-linear-gradient(90deg,transparent 0 49px,#67848b22 49px 50px),#0f1a1e;border:1px solid #050d10;border-radius:4px}.gauge{width:165px;height:165px;margin:16px auto;border-radius:50%;background:conic-gradient(from 220deg,#84dce5 0deg 270deg,#243e48 270deg 280deg,#142026 280deg);position:relative;border:7px solid #111a1e;box-shadow:0 0 0 1px #5d747f,0 3px 10px #0007}.gauge:before{content:'';position:absolute;inset:9px;background:radial-gradient(circle at 40% 30%,#35444a,#141e23);border-radius:50%;box-shadow:0 0 8px #000a}.gauge .gauge-value{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Consolas,monospace;font-size:36px;color:#aff0f2}.gauge small{font-family:'Segoe UI',sans-serif;font-size:10px;margin-top:8px}.alert-card{display:flex;align-items:center;gap:18px;padding:18px;border-left:3px solid #deb772;background:linear-gradient(90deg,#6f552422,transparent);border-bottom:1px solid #4b4d4655}.alert-card.ack{opacity:.5;border-left-color:#639278}.alert-card p{font-size:12px;line-height:1.9}.alert-card time{font-family:Consolas,monospace;font-size:11px;color:#9eaaa9}.log{font-family:Consolas,monospace;font-size:12px;line-height:2.5;min-height:320px;max-height:500px;overflow:auto;white-space:pre-wrap;color:#abc8d0}.log .log-time{color:#647d89}.log .log-type{color:#92d6be}.profile-tile{padding:18px;display:flex;align-items:center;gap:20px;cursor:pointer;text-align:left;width:100%;margin-bottom:12px}.profile-tile svg{width:33px;height:33px}.profile-tile h3{margin-bottom:7px}.toggle{display:inline-flex;align-items:center;gap:10px;font-size:12px;cursor:pointer}.toggle input{appearance:none;width:38px;height:20px;border-radius:12px;background:#111b20;border:1px solid #060c0e;position:relative;padding:0;cursor:pointer}.toggle input:before{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:linear-gradient(#c0c8cb,#5b6b73);box-shadow:0 1px 3px #000}.toggle input:checked{background:#235364}.toggle input:checked:before{left:20px;background:linear-gradient(#c9fbff,#6eb3c6)}.task-card{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #43515966}.task-card h3{margin-bottom:6px}.statusbar{position:absolute;bottom:0;left:var(--sidebar);right:0;height:46px;display:flex;align-items:center;gap:35px;padding:0 20px;border-top:3px ridge #465053;font-size:10px;color:#b8c4cc}.statusbar span{display:flex;align-items:center;gap:8px}.statusbar .status-end{margin-left:auto}.statusbar b{color:#657782}.statusbar .led{width:9px;height:9px}#toast{position:fixed;bottom:65px;left:calc(50% + 50px);transform:translate(-50%,15px);background:linear-gradient(#35454c,#18282f);border:1px solid #6aadb9;border-radius:5px;padding:14px 23px;color:#c6f1f7;box-shadow:0 8px 24px #000b;opacity:0;transition:.2s;pointer-events:none;z-index:100;font-size:13px;max-width:80vw}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:560px;max-width:90vw;color:var(--text);background:linear-gradient(135deg,#343e43,#1b2428);border:1px solid #7b8b93;border-radius:8px;box-shadow:0 20px 100px #000b;padding:30px}dialog::backdrop{background:#050b10aa;backdrop-filter:blur(3px)}dialog .close{float:right}dialog h2{font-size:21px;letter-spacing:0;margin-bottom:22px}dialog p{line-height:1.8;font-size:13px;color:#aebfc7}dialog .row{margin-top:24px}.notice{padding:14px 16px;border-left:2px solid #77c5db;background:#395e6c22;font-size:12px;line-height:1.8;color:#abc6d2;margin:18px 0}.toggle-group{display:flex;gap:8px}.mini-bar{height:18px;background:#15262d;border:1px solid #0c1519;border-radius:3px;overflow:hidden}.mini-bar i{display:block;height:100%;width:var(--level);background:linear-gradient(#75bbc5,#3f737f)}
@media(min-width:1700px){#workspace{padding:22px 26px}.fixture{height:130px}.color-controls{min-height:295px}.position-controls{min-height:165px}.memory{min-height:108px}.tester-grid{grid-template-columns:minmax(0,1fr) 370px}.color-wheel{width:225px;height:225px}}
@media(max-width:1350px){:root{--sidebar:172px;font-size:13px}.topbar{gap:10px}.project select{width:180px}.top-count{display:none}.navlink{padding:0 18px;gap:12px}.tester-grid{grid-template-columns:minmax(0,1fr) 280px}.master-buttons .hardware{width:120px}.tabs .hardware{min-width:72px;padding:5px 9px}.params-head{gap:10px}.faderbank{gap:6px}.color-controls{gap:8px}.color-wheel{width:165px;height:165px}.swatches{grid-template-columns:repeat(3,33px);gap:6px}.swatch{height:35px}.knob{width:73px;height:73px}.knob:after{left:35px;top:12px;height:21px;transform-origin:50% 24px}.knob-unit .lcd{font-size:15px;width:65px;padding:8px}.position-controls{gap:12px}.xy{width:150px}.sectiongrid{grid-template-columns:minmax(0,1fr) 280px}.statusbar{gap:15px}.fixture-svg{width:75px}.fixture{height:105px}.cols3{gap:12px}.panel{padding:15px}.clock-large{font-size:7vw}.memory-grid{gap:8px}}
@media(max-width:1100px){.tester-grid,.sectiongrid{grid-template-columns:1fr}.master-panel{display:block}.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}.project{display:none}.connection{margin-left:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.statusbar .status-end{display:none}.universe-grid{grid-template-columns:repeat(6,1fr)}.pagehead{flex-wrap:wrap}.pagehead .actions{margin-left:auto}.fixture-strip{grid-template-columns:repeat(6,1fr)}.memory-grid{grid-template-columns:repeat(4,1fr)}.faderbank{gap:24px}.color-wheel{width:200px;height:200px}.master-mobile{display:block}}
@media(max-width:760px){:root{--sidebar:66px}.brand{font-size:15px;letter-spacing:-1px}.navgroup h2{display:none}.navgroup{padding:10px 0}.navlink{font-size:0;padding:0;justify-content:center;height:48px}.navlink svg{width:24px;height:24px}.sidebar-foot{display:none}.topbar{gap:6px}.topbar .hardware{padding:5px 8px}.connection{font-size:10px}.demo-badge{font-size:7px;padding:5px}.statusbar{font-size:9px;padding:0 8px}.statusbar span:nth-child(2),.statusbar span:nth-child(3){display:none}#workspace{padding:14px 10px}.cols2,.cols3{grid-template-columns:1fr}.color-controls{flex-wrap:wrap}.params-head{flex-wrap:wrap}.tabs{flex-wrap:wrap}.fixture-strip{grid-template-columns:repeat(3,1fr)}.fixture{height:95px}.position-controls{flex-wrap:wrap}.memory-grid{grid-template-columns:repeat(2,1fr)}.pads-grid{grid-template-columns:repeat(2,1fr)}.dmx-grid{grid-template-columns:repeat(8,1fr)}.universe-grid{grid-template-columns:repeat(3,1fr)}.formgrid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px;gap:10px}.stat .value{font-size:28px}h1{font-size:23px}.pagehead p{font-size:11px}.clock{font-size:30px}.clock-large{font-size:8vw;padding:30px 5px;letter-spacing:0}.transport{flex-wrap:wrap}.panel-title{font-size:10px}.panel-title .row{flex-wrap:wrap}.formgrid .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.plan-fixture.offline{border-color:#9e5f51;color:#dfa397;background:linear-gradient(#443233,#291e20)}.navgroup{padding-top:14px;padding-bottom:12px}.navgroup h2{margin-bottom:12px}
.task-card>svg{width:28px;height:28px;flex:none}.panel-title{font-family:'Segoe UI',Arial,sans-serif}.master-controls .faderunit:has(#fader-master){display:flex;flex-direction:column}.master-controls .faderunit:has(#fader-master) .lcd{order:2;margin-top:15px}.faderunit:has(#fader-master)>label{display:none}.fader-ticks:after{content:'100\a\a\a 80\a\a\a 60\a\a\a 40\a\a\a 20\a\a\a  0';white-space:pre;font-size:8px;color:#94a1a8;position:absolute;left:19px;top:-4px;line-height:5px}.panel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h220v80H0z' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E"),linear-gradient(115deg,#ffffff0b,transparent 40%,#00000026 80%,#ffffff04)}