:root{color-scheme:dark;--bg:#080f19;--panel:#0e1825;--line:#223144;--text:#e6eff6;--muted:#8193a6;--cyan:#3ae0e5;--green:#56d6ac;--amber:#e9b777;--violet:#a793f4;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 55% 0%,#11243555,transparent 55%),var(--bg);color:var(--text);font-size:13px}button,select,input{font:inherit}button,select{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}svg{overflow:visible}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.rail{width:68px;position:fixed;inset:0 auto 0 0;background:#0b1420;border-right:1px solid #1b293b;display:flex;align-items:center;flex-direction:column;z-index:5}.brand-mark{font-size:30px;letter-spacing:-6px;font-weight:800;color:var(--cyan);margin:23px 5px 33px 0}.brand-mark span{font-size:26px;color:#e9f2fc}.rail nav{display:flex;gap:16px;flex-direction:column}.rail-link{width:43px;height:43px;display:grid;place-items:center;color:#62798f;border-radius:10px}.rail-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.rail-link.active{background:#143343;color:var(--cyan);border:1px solid #2acdd52a}.rail-link:hover{background:#183044;color:#b6ebee}.rail-bottom{margin-top:auto;margin-bottom:26px;color:#5a748d;font:10px monospace;letter-spacing:1px}main{margin-left:68px;padding:0 28px;max-width:1880px}.topbar{height:70px;border-bottom:1px solid #1d2b3d;display:flex;align-items:center;justify-content:space-between}.product{font-size:19px;letter-spacing:3px;font-weight:650;display:flex;align-items:center;gap:13px}.product>span{font-size:9px;letter-spacing:1.8px;color:#94aabd;font-weight:500}.product i{height:16px;width:1px;background:#324256;margin:0 7px}.product .crumb{font-size:11px;letter-spacing:.5px;color:#778b9f}.top-right{display:flex;align-items:center;gap:17px}.clock{font:12px "Consolas",monospace;color:#8ea6bd;letter-spacing:1px}.avatar{border:1px solid #32485e;background:#1a2d40;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:10px;color:#c4d6e4}.icon-button{border:0;background:transparent;padding:4px;display:grid;place-items:center;color:#8da2b5}.icon-button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}.page-heading{padding:26px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font:9px "Consolas",monospace;letter-spacing:2.5px;color:#5ed2d7;margin-bottom:9px}h1{font-weight:600;letter-spacing:1px;font-size:26px;margin:0}h1 span{font-size:12px;vertical-align:top;display:inline-block;padding:3px 6px;color:#57788d;margin:2px 0 0 9px;border:1px solid #2a4557;border-radius:3px}.page-heading p{font-size:11px;color:var(--muted);margin:10px 0 0}.heading-actions{display:flex;align-items:center;gap:14px}select{color:#a4b9cb;border:1px solid #2c4258;background:#101e2c;padding:8px 10px;border-radius:6px;font-size:11px}.source-pill{border:1px solid #3c3d344f;color:#d9b780;background:#a7771210;padding:7px 10px;border-radius:20px;font-size:10px;display:flex;gap:7px;align-items:center;white-space:nowrap}.source-pill i{width:5px;height:5px;background:#e1b575;border-radius:50%}.source-pill.real{color:#68dcc0;border-color:#37ba9955;background:#39be9410}.source-pill.real i{background:#68dcc0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{border:1px solid #253345;border-radius:9px;background:linear-gradient(130deg,#111f2e,#101927);padding:19px 17px;display:flex;align-items:center;gap:13px;position:relative;min-height:106px;overflow:hidden}.kpi-icon{width:38px;height:40px;display:grid;place-items:center;border:1px solid currentColor;border-radius:8px;background:#0c1722;opacity:.85;flex-shrink:0}.kpi-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35}.cyan{color:var(--cyan)}.green{color:var(--green)}.violet{color:var(--violet)}.amber,.amber-text{color:var(--amber)!important}.kpi span{display:block;color:#9db0c2;font-size:11px;margin-bottom:6px}.kpi strong{font:500 29px "Consolas",monospace;letter-spacing:-1px}.kpi small{font-size:10px;margin-left:6px;color:#7e95aa}.kpi p{font-size:9px;color:#657f96;margin:5px 0 0}.spark{width:65px;height:26px;position:absolute;right:16px;bottom:16px;stroke-width:1.8;fill:none;opacity:.65}.cyan-line{stroke:var(--cyan)}.violet-line{stroke:var(--violet)}.kpi .kpi-chip{position:absolute;right:12px;bottom:10px;color:#5f8a82;font-size:8px;border:1px solid #30564c;padding:3px 5px;border-radius:3px}.workspace{display:grid;grid-template-columns:218px minmax(0,1fr) 245px;gap:16px}.left-stack,.right-stack{display:flex;flex-direction:column;gap:16px}.panel{border:1px solid #243447;border-radius:9px;background:linear-gradient(145deg,#101c2a,#0c1522);overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 13px;gap:10px}h2{font-size:13px;letter-spacing:.3px;font-weight:550;margin:0}.micro{font:8px "Consolas",monospace;letter-spacing:1px;color:#56738a}.device-panel{padding-bottom:10px}.machine-state{margin:4px 16px 16px;display:flex;gap:10px;align-items:center;padding:12px 10px;background:#1b565f16;border:1px solid #38bfbf20;border-radius:6px}.machine-state>i{width:6px;height:6px;border-radius:50%;background:#51ddb6;box-shadow:0 0 10px #51ddb670}.machine-state strong{font-size:11px;color:#68dcb6;display:block}.machine-state span{font-size:9px;display:block;color:#6c9298;margin-top:5px}.machine-state svg{width:22px;height:22px;fill:none;stroke:#3c7781;stroke-width:1.1;margin-left:auto}.state-row{padding:7px 17px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.state-row>span{color:#8498ac}.state-row b{font-weight:400;color:#68c7b3;font-size:10px}.state-row strong{font:12px "Consolas",monospace;color:#bdcedd}.device-divider{height:1px;background:#253347;margin:10px 16px}.heartbeat{margin:14px 16px 0;border-top:1px solid #1c3040;padding-top:10px}.heartbeat>span{color:#5b768e;font-size:9px}.heartbeat svg{width:100%;height:23px;margin-top:3px}.heartbeat path{fill:none;stroke:#3c9dba;stroke-width:1.2}.distribution-panel{flex:1;padding-bottom:9px}.dist-row{margin:8px 17px 13px}.dist-head{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.dist-head span{color:#9db0c3;display:flex;align-items:center;gap:7px}.dist-head i{width:6px;height:6px;border-radius:2px}.dist-head b{font-weight:400;color:#a8bfd0;font-family:Consolas,monospace}.dist-bar{height:4px;background:#1d2c3d;border-radius:4px;overflow:hidden}.dist-bar>div{height:100%;border-radius:4px;transition:width .5s}.panel-note{color:#587187;font-size:9px;margin:10px 16px 3px;line-height:1.6}.scene-panel{display:flex;flex-direction:column;background:radial-gradient(ellipse at 45% 45%,#13304060,transparent 70%),#0c1724}.scene-title{padding:17px 20px 11px}.scene-title h2{display:flex;align-items:center;gap:13px}.scene-title p{margin:6px 0 0;color:#647d94;font-size:9px}.live-indicator{font:8px "Consolas",monospace;color:#48d6d2;letter-spacing:1px;display:flex;align-items:center;gap:5px}.live-indicator i{width:4px;height:4px;border-radius:50%;background:#49dcd6}.scene-controls{display:flex;gap:8px}.small-button{border:1px solid #30465b;background:#11233580;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;padding:7px 9px;border-radius:5px;color:#a0b8ca;white-space:nowrap}.small-button:hover{background:#1c3a4f;border-color:#418599}.small-button svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.5;fill:none}.scene-wrap{position:relative;flex:1;min-height:335px;display:flex;flex-direction:column;justify-content:center}.scene-wrap>svg{width:100%;height:auto;max-height:375px;display:block}.scene-topline,.scene-bottomline{display:flex;align-items:center;justify-content:space-between;color:#59738a;font:8px "Consolas",monospace;position:absolute;left:20px;right:20px;letter-spacing:.7px;gap:10px}.scene-topline{top:11px}.scene-topline>span:first-child{color:#759cad}.scene-topline i{display:inline-block;width:4px;height:4px;background:#2ad6dc;margin-right:6px}.scene-bottomline{bottom:6px;font-size:8px;letter-spacing:0}.legend-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#48dfe5;vertical-align:middle;margin-right:5px}.violet-dot{background:#a692f3;margin-left:10px}.green-dot{background:#51d9b7;margin-left:10px}.diagram-label path{stroke:#456277;fill:none;stroke-width:.8}.diagram-label circle{fill:#7dabbc}.diagram-label text{fill:#aec3d3;font-size:12px;letter-spacing:1px}.diagram-label .diagram-sub{fill:#5b7e93;font-size:8px;letter-spacing:1.5px}.tracking-strip{margin:15px 20px 0;padding:12px 10px;display:flex;gap:20px;align-items:center;border:1px solid #28505c;background:#102d361f;border-radius:6px}.track-icon{display:grid;place-items:center;width:31px;height:31px;background:#31d2d813;border:1px solid #43d1d53a;border-radius:5px}.track-icon svg{width:16px;height:16px;fill:none;stroke:#53d3dc;stroke-width:1.2}.tracking-strip span{font-size:8px;color:#69909f;display:block;margin-bottom:5px}.tracking-strip strong{font-family:Consolas,"Microsoft YaHei",monospace;font-size:10px;font-weight:400;color:#b7d7df}.track-step{margin-left:auto;text-align:right}.track-step strong{color:#4ad8cf}.process-steps{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 14px 17px;color:#7ea5b4;font-size:9px}.process-steps i{width:25px;height:1px;background:#305364}.process-steps .on{color:#66a7b2}.tag{font-size:8px;color:#dab57d;border:1px solid #87613360;padding:2px 5px;border-radius:3px}.energy-panel{padding-bottom:12px}.power-reading{padding:0 17px;display:flex;flex-direction:column}.power-reading>span:first-child{color:#8397a9;font-size:10px}.power-reading strong{font:28px "Consolas",monospace;color:#efc58d;padding:7px 0}.power-reading small{font:10px "Consolas",monospace;margin-left:7px;color:#8da0b0}.power-status{font-size:8px;color:#866e54}.energy-panel>svg{width:calc(100% - 34px);margin:8px 17px 0;height:65px}.chart-axis{display:flex;justify-content:space-between;color:#586e83;font:8px "Consolas",monospace;padding:0 17px;margin-bottom:13px}.energy-part{padding:6px 17px;display:flex;align-items:center;gap:7px}.energy-part>i{width:4px;height:4px;border-radius:50%}.energy-part>span{font-size:9px;color:#8197ab;min-width:50px}.energy-part>.part-bar{flex:1;height:3px;background:#203344}.part-bar>i{display:block;height:100%}.energy-part>b{font:10px "Consolas",monospace;width:50px;text-align:right;color:#bacad8}.event-panel{flex:1;padding-bottom:8px}.event{position:relative;padding:0 14px 13px 31px}.event::before{content:"";position:absolute;left:18px;top:4px;width:4px;height:4px;border-radius:50%;background:#42d3c6}.event:not(:last-child)::after{content:"";position:absolute;left:20px;top:13px;width:1px;height:calc(100% - 10px);background:#264354}.event strong{font-size:9px;font-weight:400;color:#a2bdca;display:block}.event p{font-size:8px;color:#5e7c92;margin:4px 0 0}.event.warning::before{background:#eaba7b}.record-panel{margin-top:20px}.record-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;gap:15px}.record-heading h2{display:flex;align-items:center;gap:9px}.record-heading h2>span{font:9px "Consolas",monospace;color:#66bec5;border:1px solid #32636a;background:#15394355;padding:2px 5px;border-radius:4px}.record-heading p{font-size:9px;color:#688399;margin:6px 0 0}.record-tools{display:flex;gap:9px}.record-tools select{font-size:9px;padding:7px 9px}.search-box{display:flex;align-items:center;border:1px solid #2a3f54;background:#0b1927;border-radius:5px;padding:0 9px;gap:6px}.search-box svg{width:13px;height:13px;fill:none;stroke:#688399;stroke-width:1.5}.search-box input{background:none;border:none;color:#b7c9da;font-size:9px;outline:none;width:148px;padding:8px 0}.search-box input::placeholder{color:#526d82}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{color:#728ba1;background:#142232;font-size:9px;font-weight:400;padding:11px 19px;border-top:1px solid #25374b;border-bottom:1px solid #25374b}td{font-size:10px;color:#9ab0c3;padding:11px 19px;border-bottom:1px solid #1b2c3f;font-family:Consolas,"Microsoft YaHei",monospace}tbody tr:hover{background:#1a384430}td:first-child{color:#c1d4e3}td:first-child small{display:block;color:#4f6f87;font-size:8px;margin-top:4px}.color-cell{display:flex;align-items:center;gap:7px}.color-cell i{width:6px;height:6px;border-radius:2px}.confidence{display:flex;gap:10px;align-items:center}.confidence>i{width:45px;height:3px;background:#23374b;display:block}.confidence>i>b{display:block;height:100%;background:#53afc6}.result-badge{font-size:9px;color:#56d7b3;background:#37c59e0e;padding:3px 6px;border:1px solid #36987835;border-radius:3px}.result-badge.duplicate{color:#e3b777;border-color:#96724440;background:#c78d230c}.result-badge.pending{color:#a393e3;border-color:#72679b40}.detail-button{border:0;background:transparent;color:#57c3cf;font-size:9px;cursor:pointer}.table-footer{padding:12px 19px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#617e94}.table-footer>div{display:flex;align-items:center;gap:12px}.table-footer button{border:1px solid #283d52;background:#102132;color:#8fa9bc;border-radius:4px;width:22px;height:22px}.table-footer button:disabled{opacity:.35;cursor:default}footer{display:flex;justify-content:space-between;padding:20px 0 24px;font:8px "Consolas","Microsoft YaHei",monospace;letter-spacing:.5px;color:#506d83;gap:15px}footer i{width:4px;height:4px;background:#439d9a;display:inline-block;border-radius:50%;margin-right:7px}dialog{width:min(520px,calc(100vw - 30px));border:1px solid #3b7181;border-radius:12px;background:#0e1d2d;color:#d0e3ed;padding:24px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020914b0;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #284153;padding-bottom:18px}.dialog-heading h2{font-size:18px}.dialog-heading button{font-size:25px}.detail-id{font:18px Consolas,monospace;color:#56dade;margin:20px 0}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #203347;font-size:12px}.detail-row>span:first-child{color:#7694aa}.detail-flow{display:flex;justify-content:space-between;margin:23px 0;color:#70b8bd;font-size:11px}.detail-foot{font-size:10px;color:#648499;line-height:1.8}.empty{text-align:center;color:#668197;padding:36px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173449;border:1px solid #498a97;color:#b7e4e7;padding:12px 22px;border-radius:8px;font-size:12px;display:none;z-index:30}.scene-panel:fullscreen{padding:30px;background:#081420}.scene-panel:fullscreen .scene-wrap>svg{max-height:70vh}.scene-panel:fullscreen .scene-wrap{min-height:65vh}.paused .scan-beam,.paused .scan-line{animation-play-state:paused}.scan-line{animation:scanner 2.5s ease-in-out infinite}.scan-beam{animation:beam 2.5s ease-in-out infinite}@keyframes scanner{0%,100%{opacity:.25}50%{opacity:1}}@keyframes beam{0%,100%{opacity:.2}50%{opacity:1}}@media(min-width:1700px){main{padding:0 36px}.workspace{grid-template-columns:240px minmax(0,1fr) 280px}.scene-wrap{min-height:380px}.scene-wrap>svg{max-height:420px}.kpi{padding:21px}.scene-bottomline{bottom:15px}}@media(max-width:1300px){main{padding:0 20px}.workspace{grid-template-columns:190px minmax(0,1fr) 215px;gap:12px}.tracking-strip{gap:11px;margin-left:14px;margin-right:14px}.kpi{padding:15px 12px;gap:9px}.kpi strong{font-size:26px}.spark{width:45px}.kpi .kpi-chip{display:none}.scene-controls .small-button{font-size:9px}.scene-title{padding-left:15px;padding-right:15px}.scene-bottomline{font-size:7px}.record-tools{gap:6px}}@media(max-width:1120px){.workspace{grid-template-columns:1fr 1fr}.scene-panel{grid-column:1/-1;grid-row:1}.left-stack,.right-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-wrap{min-height:340px}.scene-wrap>svg{max-height:360px}.scene-panel .tracking-strip{margin-top:0}.scene-topline{top:0}.scene-bottomline{bottom:4px}.product .crumb{display:none}.record-heading{flex-wrap:wrap}.spark{display:none}.kpi strong{font-size:24px}.kpi-icon{width:30px;height:35px}.kpi small{font-size:9px}.scene-panel .process-steps{padding:15px}.left-stack{grid-column:1/-1}.right-stack{grid-column:1/-1}.energy-panel>svg{height:90px}}@media(max-width:700px){.rail{width:48px}.rail-link{width:34px;height:36px}.brand-mark{font-size:25px}main{margin-left:48px;padding:0 12px}.topbar{height:58px}.product{font-size:15px;gap:8px}.product>span{font-size:7px;letter-spacing:1px}.top-right{gap:8px}.clock{font-size:9px}.avatar{display:none}.page-heading{align-items:flex-start;flex-direction:column;padding:20px 0 17px;gap:14px}h1{font-size:21px}.page-heading p{font-size:9px}.heading-actions{width:100%;justify-content:space-between}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpi{min-height:96px;padding:13px 10px}.kpi p{font-size:8px}.kpi-icon{width:27px;height:30px}.kpi strong{font-size:23px}.workspace{gap:10px}.scene-wrap{min-height:235px}.scene-wrap>svg{max-height:250px}.scene-topline{font-size:6px;left:12px;right:12px}.scene-bottomline{position:static;padding:0 12px;line-height:1.7;font-size:7px;flex-wrap:wrap;margin-bottom:8px}.scene-title{padding:15px 12px}.scene-title h2{font-size:11px}.scene-title p{font-size:8px}.scene-title .small-button{font-size:8px;padding:6px}.scene-title .live-indicator{display:none}.tracking-strip{gap:11px;flex-wrap:wrap;padding:10px;margin:0 12px}.tracking-strip .track-icon{display:none}.tracking-strip strong{font-size:9px}.process-steps{font-size:7px;gap:6px}.process-steps i{width:12px}.left-stack,.right-stack{grid-template-columns:1fr 1fr}.panel-title{padding:14px 12px}h2{font-size:11px}.micro{font-size:6px}.state-row{padding:7px 12px;font-size:9px}.machine-state{margin:3px 12px 12px;padding:10px 8px}.machine-state svg{display:none}.power-reading{padding:0 12px}.power-reading strong{font-size:23px}.dist-row{margin-left:12px;margin-right:12px}.record-heading{padding:15px 12px}.record-tools{width:100%;flex-wrap:wrap}.search-box{flex:1}.search-box input{width:100%}th,td{padding-left:12px;padding-right:12px}.record-heading p{font-size:8px}.panel-note{font-size:8px;margin-left:12px;margin-right:12px}.energy-part{padding:6px 12px}.energy-part>.part-bar{display:none}.energy-part>b{margin-left:auto}footer{font-size:7px;flex-wrap:wrap}footer>span:last-child{display:none}.event{padding-left:26px;padding-right:10px}.event::before{left:13px}.event:not(:last-child)::after{left:15px}.heartbeat{margin:12px 12px 0}.scene-panel .process-steps{padding:14px 6px}}
.channel-panel{margin-top:20px}.inline-tag{font:9px Consolas,monospace;color:#68cfd5;border:1px solid #315d68;padding:3px 7px;margin-left:8px;border-radius:4px}.channel-panel .record-heading{padding-bottom:13px}.channel-panel .record-heading h2{display:flex;align-items:center}#channel-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:0 19px 17px}.channel-card{border:1px solid #2e455c;background:linear-gradient(130deg,#142535,#0d1e2c);border-radius:7px;padding:12px 12px 9px}.channel-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.channel-card-head strong{font-size:12px;font-weight:500;color:var(--channel-color)}.channel-card-head>span{font-size:8px;color:#88a4b8;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.valve-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,26px);gap:4px;margin:15px auto 12px;max-width:120px}.valve{width:24px;height:24px;display:grid;place-items:center;justify-self:center;border:1px solid #3b566a;background:#132b3b;border-radius:50%;font:9px Consolas,monospace;color:#799aae;transition:background .1s,box-shadow .1s}.valve.firing{color:#07111c;background:var(--channel-color);border-color:var(--channel-color);box-shadow:0 0 15px var(--channel-color)}.channel-card-foot{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #253d51;color:#607f94;font-size:8px;gap:4px}.channel-card-foot b{font:12px Consolas,monospace;color:#b0ccdc;margin-left:3px}.match-label{color:#72c9b6;font-size:9px}.match-label.no-match{color:#d3ab6f}.result-badge.missed{color:#e3b777;border-color:#96724440;background:#c78d230c}.channel-colors{font-size:8px!important;color:#67859b!important;overflow:hidden;text-overflow:ellipsis;max-width:92px;white-space:nowrap}.dist-row{margin-top:5px;margin-bottom:10px}.belt-readings{display:flex;margin:6px 20px 0;gap:7px;border-top:1px solid #244050;border-bottom:1px solid #244050;padding:11px 0}.belt-readings>span{flex:1;font-size:9px;color:#779cb0;border-right:1px solid #29475b;padding-left:8px}.belt-readings>span:last-child{border:0}.belt-readings b{display:block;color:#c3d9e4;font:15px Consolas,monospace;margin-top:5px}.belt-readings small{color:#527e94;font-size:8px}.outlet-field{border-bottom:1px solid #253f52;padding:14px 0}.outlet-field-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.outlet-field-title strong{font-size:11px;color:#80d7dc}.outlet-field-title label{font-size:9px;color:#7f9aae}.outlet-field-title input{background:#142b3c;border:1px solid #355268;color:#c1d6e3;font-size:10px;padding:4px 7px;width:95px;border-radius:3px}.color-options{display:grid;grid-template-columns:repeat(5,1fr);gap:9px 5px}.color-options label{display:flex;align-items:center;gap:4px;color:#a1bacb;font-size:10px;cursor:pointer}.color-options input{accent-color:#4bd8d9;width:12px;height:12px}.color-options i{width:6px;height:6px;border-radius:2px}#outlet-config{max-height:90vh}.scene-wrap>svg{max-height:415px}.scene-wrap{min-height:390px}@media(max-width:1300px){#channel-cards{gap:8px;padding-left:14px;padding-right:14px}.channel-card{padding:10px 8px}.channel-card-head{flex-wrap:wrap;gap:3px}.channel-card-head>span{max-width:100%}.scene-wrap>svg{max-height:380px}.scene-wrap{min-height:350px}}@media(max-width:1120px){.scene-wrap>svg{max-height:440px}.scene-wrap{min-height:435px}#channel-cards{grid-template-columns:repeat(3,1fr)}.channel-card-head{flex-wrap:nowrap}}@media(max-width:700px){#channel-cards{gap:8px;grid-template-columns:repeat(2,1fr)}.scene-wrap{min-height:270px}.scene-wrap>svg{max-height:280px}.belt-readings{margin:5px 12px 0}.belt-readings>span{font-size:7px;padding-left:4px}.belt-readings b{font-size:12px}.belt-readings small{font-size:6px}.heading-actions{flex-wrap:wrap;gap:8px}.heading-actions .small-button{font-size:9px}.channel-colors{max-width:55px}.scene-title p{max-width:240px;line-height:1.6}.scene-bottomline{font-size:6px}.color-options{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.scan-beam,.scan-line{animation:none}*{scroll-behavior:auto!important;transition:none!important}}

[hidden]{display:none!important}#source-badge,#mode,#scene-mode,#energy-tag,#power-source{display:none!important}