.dc-app{--dc-line:#304b65;--dc-ink:#e7f2ff;color:var(--dc-ink);box-sizing:border-box;background:radial-gradient(at 10% 0,#173a50,#0000 45%),#081321;min-height:100vh;padding:26px clamp(16px,3vw,40px) 60px;font:15px/1.6 system-ui,sans-serif}.dc-app *{box-sizing:border-box}.dc-app .dc-main-title{letter-spacing:-.04em;margin:8px 0;font-size:clamp(27px,4vw,42px);line-height:1.12}.dc-app h2{color:#fff;margin:7px 0 12px;font-size:23px;line-height:1.25}.dc-app h3{color:#fff;margin:0 0 10px;font-size:17px;line-height:1.4}.dc-app h4{text-transform:uppercase;letter-spacing:.08em;color:#7de6da;margin:18px 0 6px;font-size:13px}.dc-app p{color:#c4d6e8;margin:8px 0 16px}.dc-app a{color:#a6e4ff}.dc-header{justify-content:space-between;align-items:center;gap:20px;max-width:1560px;margin:auto auto 22px;display:flex}.dc-header a{margin-bottom:12px;font-size:13px;display:block}.dc-header p{margin:8px 0}.dc-eyebrow{letter-spacing:.14em;color:#91e4dc;font-size:11px;font-weight:800;display:block}.dc-header-actions{flex-wrap:wrap;gap:8px;display:flex}.dc-app button,.dc-app select{font:inherit;color:#f0f7ff;cursor:pointer;background:#172c43;border:1px solid #4c6a85;border-radius:9px;min-height:44px;padding:10px 13px}.dc-app button:hover{background:#26445f}.dc-app button:focus-visible,.dc-app select:focus-visible,.dc-app input:focus-visible{outline-offset:3px;outline:3px solid #f5ce6a}.dc-app .dc-primary{color:#102b2b;background:#b3f5dd;border-color:#b3f5dd;font-weight:800}.dc-tabs{gap:8px;max-width:1560px;margin:0 auto 18px;display:flex}.dc-tabs button{text-align:left;flex:1;font-weight:750}.dc-tabs button span{color:#9ebbd2;margin-right:12px;font-size:12px}.dc-tabs button[aria-pressed=true]{color:#dbfff6;background:#234c5d;border-color:#8be6da}.dc-workspace{grid-template-columns:minmax(0,1fr) 350px;gap:18px;max-width:1560px;margin:auto;display:grid}.dc-view{border:1px solid var(--dc-line);background:#091526;border-radius:16px;min-width:0;overflow:hidden}.dc-view-tools{background:#11243a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;display:flex}.dc-app label{color:#d6e8f7;margin-bottom:12px;font-size:13px;font-weight:650;display:block}.dc-app select{width:100%;max-width:100%;margin-top:7px;font-size:13px;display:block}.dc-view-tools label{margin:0}.dc-view-tools select{width:auto;margin:0 0 0 8px;display:inline-block}.dc-app .dc-toggle{align-items:center;gap:9px;min-height:44px;display:flex}.dc-toggle input{accent-color:#86e8d1;width:18px;height:18px}.dc-scene{touch-action:none;width:100%;height:560px;position:relative}.dc-scene canvas{width:100%;height:100%;display:block}.dc-loading{color:#a6c4db;place-items:center;display:grid}.dc-scene-caption{color:#aac4db;border-top:1px solid #243d54;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 16px;font-size:11px;display:flex}.dc-dot{background:#91e5cc;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.dc-status{background:#11243a;flex-wrap:wrap;gap:8px;padding:10px 16px;font-size:12px;display:flex}.dc-status span{color:#b4c6da;border:1px solid #405269;border-radius:5px;padding:3px 9px}.dc-status .dc-running{color:#a3ffe1;background:#153d36;border-color:#418572}.dc-panel{border:1px solid var(--dc-line);background:#102237;border-radius:16px;min-width:0;padding:22px}.dc-panel p{font-size:13px}.dc-part{background:#172e43;border:1px solid #3b536c;border-radius:12px;margin:16px 0;padding:16px}.dc-app input[type=range]{accent-color:#8ce4da;width:100%;min-height:44px;display:block}.dc-app output{float:right;color:#9beadf}.dc-panel>button{margin:4px 5px 4px 0}.dc-app .dc-small{color:#a8bfd4;font-size:11.5px}.dc-app .dc-feedback{color:#e1fff3;background:#214d46;border:1px solid #74baa8;border-radius:8px;padding:12px}.dc-app .dc-warning{color:#ffda9c}.dc-measurements{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:1560px;margin:18px auto;display:grid}.dc-measurements>div{border:1px solid var(--dc-line);background:#10283b;border-radius:12px;padding:17px}.dc-measurements span{color:#b2c9df;font-size:11px;display:block}.dc-measurements strong{font-variant-numeric:tabular-nums;font-size:27px;line-height:1.5;display:block}.dc-measurements small{color:#b2c9df;font-size:11px;font-weight:500;display:block}.dc-analysis{grid-template-columns:1fr 1fr;gap:18px;max-width:1560px;margin:auto;display:grid}.dc-chart{width:100%;display:block}.dc-detail{font-size:13px}.dc-detail>div{border-bottom:1px solid #2b435b;justify-content:space-between;gap:16px;padding:8px 0;display:flex}.dc-detail dd{text-align:right;margin:0;font-weight:700}.dc-alarms{color:#ffdf9e;padding-left:20px;font-size:13px}.dc-healthy{color:#a5f4d7!important}.dc-tests,.dc-notes{max-width:1560px;margin:18px auto}.dc-test-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dc-test-grid article{background:#172e43;border-radius:10px;padding:16px}.dc-notes summary{cursor:pointer;min-height:44px;font-weight:750}.dc-notes p{overflow-wrap:anywhere}@media (min-width:1600px){.dc-scene{height:600px}}@media (max-width:1000px){.dc-workspace{grid-template-columns:1fr}.dc-panel{padding:20px}.dc-measurements{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-scene{height:460px}}@media (max-width:600px){.dc-header{flex-direction:column;align-items:stretch}.dc-header-actions button{flex:1;font-size:12px}.dc-tabs{gap:5px}.dc-tabs button{text-align:center;padding:9px 6px;font-size:11px}.dc-tabs button span{margin:0;font-size:10px;display:block}.dc-view-tools{gap:4px;padding:9px 12px}.dc-view-tools label{font-size:11px}.dc-view-tools select{margin-left:4px;padding:8px;font-size:11px}.dc-scene{height:380px}.dc-scene-caption{font-size:10px}.dc-measurements{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dc-measurements>div{padding:12px}.dc-measurements strong{font-size:24px}.dc-analysis,.dc-test-grid{grid-template-columns:1fr}.dc-app{padding-top:18px}.dc-panel{padding:17px}.dc-detail{font-size:12px}}.dc-header a{min-height:30px;padding-left:76px}.dc-app input:disabled{opacity:.55;cursor:not-allowed}.dc-legend{color:#cedeea;flex-wrap:wrap;gap:18px;padding:12px 16px;font-size:12px;display:flex}.dc-a{color:#78e8ff!important}.dc-b{color:#ffd18b!important}.dc-grid-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dc-app details.dc-control{border-top:1px solid #35546c;margin:14px 0;padding-top:12px}.dc-app details.dc-control summary{cursor:pointer;min-height:38px;font-size:13px;font-weight:750}.dc-app .dc-time-controls{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.dc-time-controls button{padding:8px 10px;font-size:12px}.dc-sld{max-width:1560px;margin:18px auto}.dc-sld-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0;display:grid}.dc-sld-row button{min-width:0;padding:12px 5px;font-size:11px;line-height:1.5;position:relative}.dc-sld-row button:not(:last-child):after{content:"→";color:#d8e6f2;position:absolute;top:22px;right:-10px}.dc-sld-row strong{font-size:12px;display:block}.dc-app .dc-live-a{background:#133c50;border-color:#64d9f3}.dc-app .dc-live-b{background:#473a25;border-color:#e6b965}.dc-app .dc-dead{color:#97aabd;background:#142031}.dc-power-balance{color:#c4e0ee;flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.dc-events{max-height:230px;padding:0;list-style:none;overflow:auto}.dc-events li{border-bottom:1px solid #2e475d;padding:8px 0;font-size:12px}.dc-events time{color:#8de3d2;min-width:65px;display:inline-block}.dc-app .dc-panel label{margin-top:10px}.dc-battery-bars{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dc-app progress{accent-color:#76dcc4;width:100%}.dc-app button:disabled{opacity:.5;cursor:not-allowed}.dc-tests .dc-test-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:1001px){.dc-workspace>.dc-panel{max-height:900px;overflow:auto}}@media (max-width:700px){.dc-sld-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-sld-row button:after{display:none}.dc-tests .dc-test-grid{grid-template-columns:1fr}.dc-grid-controls{gap:7px}.dc-grid-controls label{font-size:12px}}.dc-source-branches{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dc-source-branches button{text-align:left;font-size:11px}@media (max-width:600px){.dc-source-branches{grid-template-columns:1fr}}
