.modal:has(.connection-success),.modal:has(.connection-wizard){width:min(920px,95vw);max-width:920px}.connection-steps{display:flex;gap:28px;font-size:10px;letter-spacing:.5px;color:#6f8c9e;padding-bottom:18px;border-bottom:1px solid #334b5b}.connection-steps .active{color:#a2dcdf}.connection-preview{display:flex;align-items:center;gap:14px;padding:20px 0}.connection-symbol{width:44px;height:44px;display:grid;place-items:center;background:#25414e;border:1px solid #497080;border-radius:10px;color:#b5dfdf;font-size:24px;font-weight:700}.connection-preview strong{font-size:17px}.connection-preview p{color:#8ca9ba;font-size:11px;margin:4px 0 0}.connection-readonly{margin-left:auto;font:8px ui-monospace,monospace;color:#9ebfc3;border:1px solid #41636c;padding:5px 7px;border-radius:4px}.connection-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.connection-guide{border-right:1px solid #334a5a;padding-right:25px}.connection-form h3,.connection-guide h3{font-size:13px;margin:0 0 15px;display:flex;align-items:center;gap:8px}.connection-guide ol{padding-left:20px;display:grid;gap:13px;font-size:12px;line-height:1.65;color:#a9bdca}.connection-guide b{color:#d7e6ee}.connection-guide ul{padding-left:17px;font-size:11px;line-height:1.9;color:#acbec9}.connection-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 24px}.connection-links a{font-size:11px;display:flex;gap:5px;align-items:center;color:#a5d7dd}.connection-caption{font-size:10px;color:#8ca6b6;line-height:1.65;margin-top:12px}.connection-caution{border-left:2px solid #b18f65;padding-left:11px;font-size:10px;line-height:1.65;color:#cfb495;margin-top:17px}.connection-form .field{margin:14px 0}.connection-form fieldset{border:0;margin:0;padding:0;min-width:0}.connection-form fieldset:disabled{opacity:.48}.connection-form input{min-width:0}.connection-form input[type=password]{letter-spacing:1px}.connection-consent{display:flex;gap:9px;font-size:11px;line-height:1.6;color:#adbfcc;margin:18px 0}.connection-consent input{width:15px;height:15px;flex-shrink:0;margin-top:3px;accent-color:#a4dce0}.connection-form .primary{width:100%;justify-content:center}.connection-security{display:flex;gap:8px;font-size:10px;line-height:1.65;color:#8eafbb;margin-top:17px}.connection-security svg{flex-shrink:0;margin-top:2px}.connection-error,.connection-health,.connection-warning{background:#16212b;border:1px solid #526271;border-radius:6px;padding:12px;font-size:11px;line-height:1.65;margin-bottom:15px;color:#b6c6d1}.connection-health.ok{border-color:#42635f;color:#a5d0c3;background:#182d30}.connection-health button{display:flex;align-items:center;gap:6px;color:#b1d8df;margin-top:8px;font-size:10px}.connection-warning a{display:block;color:#b1e0e3;margin-top:8px}.connection-error{border-color:#80534b;background:#382823;color:#efbcb1;margin-top:15px}.connection-error p{margin:6px 0 0}.connection-success{text-align:center;padding:25px 15px}.connection-success>svg{color:#99d7be}.connection-success h3{font-size:22px;margin:14px 0}.connection-success p{color:#aac0ce;font-size:13px;line-height:1.7;margin:10px auto;max-width:520px}.connection-success .primary{margin:20px auto}.connection-success small{display:block;max-width:480px;margin:auto;color:#88a2b4;line-height:1.7}.source-live-error{display:block;color:#f0b7a4!important;max-width:580px;line-height:1.6;margin-top:8px}.source-live-badge{font-size:8px;color:#90d3bd;border:1px solid #3d635d;border-radius:3px;padding:3px 5px;margin-left:8px}.live-refresh-info{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;border:1px solid #365261;border-radius:6px;font-size:11px;color:#91b7c7;margin-bottom:18px}.live-refresh-info button{display:flex;align-items:center;gap:6px;flex-shrink:0}.wb-source-error{font-size:10px;line-height:1.5;color:#f0b4a5;padding:8px 0}.wb-missing{display:flex;flex-direction:column;justify-content:center;gap:6px;color:#a5bac6;font-size:12px}.wb-missing strong{font-size:32px}.wb-detail-source{color:#a9dce0;font-size:12px}.wb-instrument:has(.wb-missing) .wb-card-foot{color:#f0b4a5}@media(max-width:700px){.modal:has(.connection-wizard){width:calc(100vw - 24px);padding:20px;max-height:92vh}.connection-columns{grid-template-columns:1fr;gap:22px}.connection-guide{border:0;border-bottom:1px solid #334a5a;padding:0 0 18px}.connection-steps{gap:16px}.connection-readonly{font-size:7px}.connection-preview strong{font-size:15px}.connection-form input{font-size:16px}.live-refresh-info{align-items:flex-start;flex-direction:column}.source-actions{flex-wrap:wrap}}.connection-test{font-size:8px;color:#e9bd83;border:1px solid #826744;border-radius:3px;padding:2px 4px;margin-left:7px}.modal:has(.connection-wizard){overflow-y:auto;overscroll-behavior:contain;max-height:92vh}.integration-wizard .connection-guide ol{list-style:none;padding-left:0}.integration-wizard .connection-guide li{display:flex;align-items:flex-start;gap:10px}.guide-step{flex:0 0 22px;height:22px;display:grid;place-items:center;border:1px solid #38586b;background:#19323f;color:#9dd4df;border-radius:6px;font:10px ui-monospace,monospace}.integration-limits{margin-top:20px;padding:14px;border:1px solid #344c5b;background:#112330;border-radius:7px}.integration-limits h4{font-size:11px;margin:0 0 8px;color:#c4d8e4}.integration-limits p{font-size:11px;color:#9eb4c3;line-height:1.7}.integration-field>span{display:flex;justify-content:space-between;gap:8px}.integration-field small{color:#839dad;font-size:10px;line-height:1.6;font-weight:400;letter-spacing:0}.integration-field>small{display:block;margin-top:6px}.integration-field>span>small{font-size:9px}.integration-file{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px dashed #577e91;border-radius:6px;background:#112532;min-width:0}.integration-file>span{font-size:11px;overflow-wrap:anywhere;flex:1}.integration-file input{width:100%;font-size:10px!important}.integration-kicker{display:block;font-size:9px;letter-spacing:2px;color:#94cabc;margin-top:15px}.integration-blocker{padding:20px;border:1px solid #8b7052;background:#322c24;border-radius:9px;margin-bottom:22px;color:#dcc09e}.integration-blocker h3{margin-top:14px;font-size:16px}.integration-blocker p,.integration-preparation p{font-size:12px;line-height:1.7}.integration-preparation{padding:15px;border:1px solid #3a5263;border-radius:7px}.integration-preparation p{margin-bottom:10px}.integration-preparation small{font-size:10px;color:#91a9b8;line-height:1.6;display:block}.integration-sample{width:100%;background:#0d1a24;border:1px solid #385368;border-radius:6px;padding:12px;color:#c1dce7;font:11px/1.7 ui-monospace,monospace;resize:vertical;margin-bottom:12px}.integration-template{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #334c5e;margin-top:22px;padding-top:17px;font-size:11px}.integration-template code{display:block;margin-top:8px;font-size:10px;color:#9ad4da;overflow-wrap:anywhere}.integration-template button{display:flex;align-items:center;gap:6px;color:#afd9df;font-size:10px}.integration-wizard .connection-guide ul{padding-left:0;display:grid;gap:6px}.integration-wizard .connection-guide ul li:before{content:"✓";color:#91cdb9;margin-right:7px}@media(max-width:700px){.integration-template{flex-direction:column}.integration-sample,.integration-wizard .connection-guide ol{font-size:12px}}.grafana-queries{display:grid;gap:14px;margin:22px 0}.grafana-queries>p{font-size:12px;line-height:1.5;color:#9bb6c5}.grafana-query{padding:15px;border:1px solid #486171;border-radius:8px;background:#101f29;display:grid;gap:12px}.grafana-query header{display:flex;justify-content:space-between;gap:10px;font-size:12px}.grafana-query header button{color:#efa99f}.grafana-query textarea{background:#08151f;color:#e2eef6;border:1px solid #476272;border-radius:5px;resize:vertical;padding:10px;width:100%;font:12px ui-monospace,monospace}.grafana-query .field{margin:0}.workbench{--wb-bg:#111d27;--wb-border:#334856;--wb-text:#e2edf2;--wb-muted:#8199aa;--wb-accent:#9ed9de;color:var(--wb-text)}.wb-dialog button,.workbench button{cursor:pointer;transition:background .15s,border-color .15s}.wb-dialog button:disabled,.workbench button:disabled{opacity:.35;cursor:default}.wb-dialog :focus-visible,.workbench button:focus-visible,.workbench input:focus-visible,.workbench select:focus-visible{outline:2px solid #a5e8ef;outline-offset:3px}.wb-summary{display:flex;align-items:center;gap:22px;padding:13px 2px;border-block:1px solid #263744;color:var(--wb-muted);font-size:10px;letter-spacing:.3px}.wb-summary>span{white-space:nowrap}.wb-summary b{color:#d8e9ed;font-size:13px;margin-right:3px}.wb-summary>span:first-child{font-size:8px;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.wb-live-dot{width:5px;height:5px;border-radius:50%;background:#84dac4;box-shadow:0 0 10px #84dac466}.wb-summary .wb-warnings b{color:#eabd8a}.wb-summary-clock{margin-left:auto;font-size:8px}.wb-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0}.wb-nameplate{font-size:10px;letter-spacing:2px;color:#b1c4ce}.wb-edit-button,.wb-inspector-actions button,.wb-selection button,.wb-selection select,.wb-toolbar-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:9px 12px;border:1px solid #3c5364;border-radius:5px;background:#1d2d39;color:#d1e3ec}.wb-edit-button{color:#b4e6e7;background:#203943;border-color:#416671}.wb-toolbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.wb-dialog .wb-primary,.wb-toolbar-actions .wb-primary{background:#a0dadd;color:#102a35;border:1px solid #a0dadd;font-weight:650}.wb-mode{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wb-mode strong{font-size:13px}.wb-mode>span:not(.wb-nameplate){font-size:10px;color:#8da6b8}.is-editing .wb-toolbar{position:sticky;top:0;z-index:7;background:#0c141cef;border-bottom:1px solid #48616f;padding:12px 10px;backdrop-filter:blur(12px)}.wb-selection{padding:12px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #273d4b;margin-bottom:18px}.wb-selection label{display:flex;align-items:center;gap:8px;font-size:11px}.wb-edit-rail input,.wb-selection input{accent-color:#a0dadd;width:14px;height:14px}.wb-selection>span{margin-left:auto;font-size:9px;color:#839dad}.wb-selection button,.wb-selection select{font-size:10px;padding:6px 10px}.wb-notice{padding:12px 14px;background:#1e3943;border:1px solid #41606c;border-radius:6px;font-size:12px;margin-bottom:14px}.wb-notice.error{background:#3b2424;border-color:#805553;color:#ffd6cd}.wb-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.wb-layout.has-inspector{grid-template-columns:minmax(0,1fr) 270px}.wb-board{min-width:0}.wb-group{border:1px solid var(--wb-border);border-radius:10px;padding:12px;margin-bottom:18px;background:linear-gradient(135deg,#192a35,#101b24 80%);position:relative;box-shadow:0 5px 14px #0002}.wb-group-head{display:flex;align-items:center;gap:10px;margin:0 2px 12px;min-height:30px}.wb-group-number{font:10px ui-monospace,monospace;color:#6b8b9b;border:1px solid #405864;border-radius:3px;padding:4px 6px}.wb-group-name{display:flex;align-items:center;gap:12px;color:inherit;text-align:left;min-width:0}.wb-group-name:disabled{opacity:1!important}.wb-group-name h2{font-size:13px;font-weight:600;margin:0;word-break:break-word}.wb-group-name>span{font-size:9px;color:#89a3b3;white-space:nowrap}.wb-group-name>svg{color:#7592a4}.wb-group-actions{display:flex;gap:2px;margin-left:auto}.wb-group-actions button{padding:5px;color:#a4c0cf}.wb-group-sub{font:7px ui-monospace,monospace;letter-spacing:1.4px;margin-left:auto;color:#6e8fa0}.wb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:82px;gap:10px;align-items:stretch}.wb-instrument{min-width:0;grid-column:span var(--w);grid-row:span var(--h);position:relative;display:flex;flex-direction:column;border:1px solid #314854;border-radius:7px;background:linear-gradient(125deg,#1b2b35,#101c24);padding:12px 13px 8px;overflow:hidden;box-shadow:inset 0 1px 0 #d6e5ed08,0 2px 3px #0003}.wb-card-head{display:flex;align-items:flex-start;gap:8px;justify-content:space-between;flex-shrink:0;min-width:0}.wb-card-head>div{min-width:0}.wb-card-code{display:block;color:#7f99a9;font:7px ui-monospace,monospace;letter-spacing:.7px}.wb-card-code,.wb-card-head h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wb-card-head h3{font-size:12px;line-height:1.2;margin:6px 0 0;font-weight:600}.wb-card-head>button{color:#7c99ab;padding:1px}.wb-face{flex:1;min-height:0;min-width:0;position:relative}.wb-face svg{font-family:ui-monospace,monospace}.wb-card-foot{flex-shrink:0;display:flex;justify-content:space-between;gap:6px;font-size:7px;color:#7a94a5;margin-top:5px}.wb-card-foot>span:first-child{color:var(--signal);display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-card-foot i{width:3px;height:3px;border-radius:50%;background:var(--signal);flex-shrink:0}.wb-card-foot>span:last-child{font:7px ui-monospace,monospace}.wb-dial{display:flex;align-items:center;justify-content:center;margin:3px 0 -2px}.wb-dial>svg{height:100%;max-height:100%;width:100%;filter:drop-shadow(0 3px 3px #0007)}.wb-gauge{display:flex;align-items:center;justify-content:center;margin-top:5px}.wb-gauge>svg{height:100%;width:100%;max-height:100%}.wb-value{display:flex;align-items:baseline;gap:5px;margin-top:10px;min-width:0;font-family:ui-monospace,monospace}.wb-value strong{font-size:clamp(20px,2.2vw,32px);letter-spacing:-1.5px;line-height:1.1;font-weight:550;white-space:nowrap}.wb-value small{font-size:11px;color:#91a6b3}.wb-chart-face{display:flex;flex-direction:column}.wb-chart{width:100%;flex:1;min-height:15px;margin-top:7px}.wb-range{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:7px;color:#8ba1ae;padding-top:5px}.wb-range b{font-size:9px;font-weight:500;color:#afc5d0}.wb-number-face{display:flex;flex-direction:column;justify-content:center}.wb-number-period{font-size:8px;color:#8ca3b1;margin-top:8px}.wb-number-rule{height:1px;background:#3a5260;margin-top:11px}.wb-number-face .wb-range{margin-top:5px}.wb-segments{display:flex;gap:3px;height:19px;margin-top:18px}.wb-segments i{flex:1;min-width:0;background:#2d414a;border-radius:1px;box-shadow:inset 0 1px #0003}.wb-switch-face{justify-content:center;gap:13px;flex-wrap:wrap;padding-top:7px}.wb-switch,.wb-switch-face{display:flex;align-items:center}.wb-switch{gap:9px;color:var(--signal)}.wb-switch:disabled{opacity:1!important}.wb-switch-socket{height:42px;width:24px;border-radius:14px;background:linear-gradient(90deg,#020607,#28383d 45%,#0a1115);border:1px solid #53626c;box-shadow:0 2px 2px #0008;display:block;position:relative}.wb-switch-socket>i{position:absolute;left:7px;top:18px;width:9px;height:24px;transform:rotate(8deg);border-radius:5px;background:linear-gradient(90deg,#52636b,#d0d7d1 45%,#69767a);box-shadow:3px 4px 4px #0008;transition:top .15s,transform .15s}.wb-switch.is-on .wb-switch-socket>i{top:-5px;transform:rotate(-8deg)}.wb-switch b{font:9px ui-monospace,monospace;letter-spacing:1px}.wb-switch-value{display:flex;align-items:baseline;gap:5px;font:20px ui-monospace,monospace}.wb-switch-value small{font-size:9px}.wb-switch-face>small{font-size:7px;color:#859da9;flex-basis:100%;text-align:center}.wb-lamp-face{gap:12px;text-align:left;width:100%;padding-top:8px}.wb-lamp,.wb-lamp-face{display:flex;align-items:center;justify-content:center}.wb-lamp{color:var(--signal);border-radius:50%;width:50px;height:50px;flex-shrink:0;background:radial-gradient(circle at 37% 30%,#cadde952,#142c32 52%,#040c11 76%);border:2px solid #425963;box-shadow:0 0 18px color-mix(in srgb,var(--signal) 15%,transparent),inset 0 0 16px color-mix(in srgb,var(--signal) 30%,transparent)}.wb-lamp.is-off{background:radial-gradient(circle at 35% 30%,#56606a,#16212b 65%);box-shadow:none}.wb-lamp-face>span:last-child{min-width:0;display:flex;flex-direction:column;gap:8px}.wb-lamp-face b{color:var(--signal);font-size:11px;line-height:1.3}.wb-lamp-face small{font-size:9px;color:#8ba5b4}.wb-push-face{padding:9px 0 3px}.wb-push,.wb-push-face{display:flex;align-items:center;justify-content:center;width:100%}.wb-push{flex-direction:column;gap:7px;border:solid #5d7381;border-width:1px 1px 4px;border-radius:6px;background:linear-gradient(#304954,#162630);box-shadow:0 3px 5px #0005,inset 0 1px #bfdadf24;color:var(--signal);height:100%;min-height:35px}.wb-push-face:active .wb-push{transform:translateY(2px);border-bottom-width:2px}.wb-push>span{display:flex;align-items:baseline;gap:5px;font-family:ui-monospace,monospace;color:#d7e5e9}.wb-push strong{font-size:25px}.wb-push small{font-size:7px;display:flex;align-items:center;gap:5px}.wb-push>span>small{font-size:11px;color:#9bb2be}.wb-height-1{padding:7px 10px}.wb-height-1 .wb-card-code,.wb-height-1 .wb-card-foot,.wb-height-1 .wb-card-head>button,.wb-height-1 .wb-lamp-face small,.wb-height-1 .wb-number-period,.wb-height-1 .wb-number-rule,.wb-height-1 .wb-range,.wb-height-1 .wb-switch-face>small,.wb-height-1 .wb-switch-value{display:none}.wb-height-1 .wb-card-head h3{font-size:9px;margin:0}.wb-height-1 .wb-face{margin:0;padding-top:3px}.wb-height-1 .wb-lamp{width:27px;height:27px}.wb-height-1 .wb-lamp svg{width:13px}.wb-height-1 .wb-lamp-face{gap:6px}.wb-height-1 .wb-lamp-face b{font-size:8px}.wb-height-1 .wb-switch-socket{height:30px;width:20px}.wb-height-1 .wb-switch-socket>i{height:19px;left:5px;top:12px}.wb-height-1 .wb-switch.is-on .wb-switch-socket>i{top:-4px}.wb-height-1 .wb-value{margin:0}.wb-height-1 .wb-value strong{font-size:23px}.wb-height-1 .wb-segments{height:6px;margin-top:4px}.wb-height-1 .wb-push{flex-direction:row;gap:8px}.wb-height-1 .wb-push>small{display:none}.wb-height-1 .wb-push strong{font-size:18px}.wb-height-1 .wb-dial{min-height:35px}.wb-height-1 .wb-chart{margin:2px 0 0}.wb-height-3 .wb-value strong,.wb-height-4 .wb-value strong{font-size:40px}.wb-empty-group{grid-column:1/-1;min-height:82px;border:1px dashed #557180;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:#8faab9;padding:15px}.wb-bottom-note{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#718c9c;margin-top:10px}.wb-edit-rail{display:flex;align-items:center;gap:4px;height:24px;flex-shrink:0;border-bottom:1px dashed #5d7a8a;margin:-6px -5px 8px;padding-bottom:5px}.wb-edit-rail button{color:#a4becd;padding:2px}.wb-edit-rail .wb-drag-handle{cursor:grab;touch-action:none}.wb-edit-rail span{font:8px ui-monospace,monospace;color:#7f9bad;margin-left:auto;margin-right:5px}.is-editing .wb-instrument{overflow:visible}.is-editing .wb-height-1{grid-row:span 2}.is-editing .wb-instrument.multi-selected{border-color:#8fd5d9;box-shadow:0 0 0 1px #8fd5d9}.is-editing .wb-instrument.focused{outline:2px solid #a6cadc;outline-offset:2px}.is-editing .wb-instrument.dragging{opacity:.35}.is-editing .wb-group.can-drop{border-style:dashed}.wb-resize{position:absolute;bottom:0;right:0;width:25px;height:24px;color:#bdd8df;background:#345467;border-radius:5px 0 5px 0;display:flex;align-items:center;justify-content:center;cursor:nwse-resize!important;touch-action:none;z-index:2}.wb-inspector{position:sticky;top:70px;max-height:calc(100vh - 95px);overflow:auto;padding:17px;background:#192a38;border:1px solid #527183;border-radius:8px;box-shadow:0 6px 20px #0004;display:flex;flex-direction:column;gap:12px}.wb-inspector header{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #355163}.wb-inspector header small{font:7px ui-monospace,monospace;letter-spacing:1.5px;color:#82a5b8}.wb-inspector h2{font-size:15px;margin-top:6px;word-break:break-word}.wb-dialog-field,.wb-inspector label{display:flex;flex-direction:column;gap:6px;color:#9eb4c3;font-size:10px}.wb-dialog-field input,.wb-inspector input,.wb-inspector select{background:#0f1d28;border:1px solid #3e5b6e;color:#d7eaf1;border-radius:4px;padding:8px 9px;width:100%;min-width:0;font-size:12px}.wb-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wb-inspector-help{font-size:10px;line-height:1.6;color:#819fad}.wb-inspector-actions{display:flex;gap:8px}.wb-inspector-actions button{flex:1}.wb-inspector>small{font-size:9px;color:#83a2b4;line-height:1.5}.wb-inspector .danger{color:#f4a69a}.wb-dialog-backdrop{position:fixed;inset:0;background:#020509bb;backdrop-filter:blur(6px);z-index:60;display:flex;align-items:center;justify-content:center;padding:25px}.wb-dialog{background:linear-gradient(135deg,#1d3040,#142330);border:1px solid #496477;border-radius:12px;width:min(580px,100%);max-height:88vh;overflow:auto;padding:24px;color:#dce9ef;box-shadow:0 20px 70px #0008}.wb-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.wb-dialog h2{font-size:21px;line-height:1.25}.wb-dialog p{font-size:12px;color:#8ea6b6;line-height:1.6;margin:14px 0}.wb-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding-top:18px}.wb-dialog>footer button{padding:10px 14px;border:1px solid #4e697b;border-radius:5px;font-size:12px}.wb-picker{max-height:360px;overflow:auto;margin-top:15px}.wb-picker button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 8px;border-bottom:1px solid #354c5b}.wb-picker button:hover{background:#2c4352}.wb-picker span{display:flex;flex-direction:column;gap:5px;flex:1}.wb-picker b{font-size:12px}.wb-picker small{font-size:9px;color:#94adba}.wb-picker strong{font-size:12px;font-weight:500}.wb-detail-value{font:38px ui-monospace,monospace}.wb-detail-value small{font-size:16px;color:#93b3c5}.wb-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.wb-detail-meta dt{font-size:9px;color:#91a9b9}.wb-detail-meta dd{font-size:12px;margin:5px 0 0}.wb-dialog>.wb-face{height:170px}.wb-observations{margin-top:20px;font-size:12px}.wb-observations table{width:100%;font-size:10px;border-collapse:collapse;margin-top:10px}.wb-observations td,.wb-observations th{text-align:left;padding:8px;border-bottom:1px solid #3a5362}.studio-intro{font-size:12px;color:#819ba9;margin-top:10px}.studio-reset{display:flex;gap:12px;align-items:center;background:#3b3022;border:1px solid #7a603f;padding:14px;font-size:12px;margin-bottom:15px;border-radius:6px}.studio-reset span{flex:1}.studio-reset button{border:1px solid #8a7357;padding:7px;border-radius:4px}.wb-theme-auto{--wb-border:#3c454c;--wb-accent:#efc38f}.wb-theme-auto .wb-nameplate{color:#cfbca3;letter-spacing:3px}.wb-theme-auto .wb-group{background:repeating-linear-gradient(125deg,#242b3122 0 2px,#0f151b22 2px 5px),linear-gradient(#21272e,#10171e);border-color:#454c54;padding:18px;box-shadow:inset 0 1px 0 #65707b3b,0 6px 10px #0005}.wb-theme-auto .wb-group:first-child{border-radius:40px 40px 12px 12px;padding-top:23px;box-shadow:inset 0 7px 10px #0009,0 -3px 0 1px #4c545c}.wb-theme-auto .wb-group:first-child:before{content:"";position:absolute;inset:9px 14px auto;height:15px;border-top:1px dashed #6a6055;border-radius:50%}.wb-theme-auto .wb-instrument{background:linear-gradient(125deg,#172229,#0b1218);border-color:#34434c;box-shadow:inset 0 1px #d0dfed0a,0 3px 5px #0006}.wb-theme-auto .wb-dial>svg{filter:drop-shadow(0 5px 3px #0008)}.wb-theme-auto .wb-number-face{background:linear-gradient(#101b20,#0d171b);padding:0 14px;margin-top:8px;border-radius:4px;border:1px solid #253a42}.wb-theme-auto .wb-value strong{color:#eee6d5}.wb-theme-auto .wb-group:first-child .wb-number-face .wb-value strong{font-size:54px;color:#bee0db}.wb-theme-auto .wb-group-number{border-color:#626164;color:#d1ba9d}.wb-theme-auto .wb-card-foot>span:first-child{color:#d4bc9b}.wb-theme-flight{--wb-border:#5b665e;--wb-text:#e2e8df;--wb-muted:#929e95}.wb-theme-flight .wb-group{border-radius:5px;background:linear-gradient(135deg,#3b4541,#262e2c);border:2px solid #525d57;padding:16px;box-shadow:inset 0 1px #929c8a55,0 4px 5px #0006}.wb-theme-flight .wb-nameplate{letter-spacing:3px;color:#bfc7ba}.wb-theme-flight .wb-group:after,.wb-theme-flight .wb-group:before{content:"⊖";position:absolute;top:5px;color:#1c2522;font-size:12px;text-shadow:0 1px #a0a48d55}.wb-theme-flight .wb-group:before{left:5px}.wb-theme-flight .wb-group:after{right:5px}.wb-theme-flight .wb-instrument{border:2px solid #526057;border-bottom-color:#111c18;border-radius:4px;background:linear-gradient(135deg,#222e2a,#151e1b);box-shadow:0 2px 3px #0007,inset 0 1px #c4d6a61a}.wb-theme-flight .wb-card-code{color:#909e8b;letter-spacing:1px}.wb-theme-flight .wb-card-head h3{font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.5px;color:#b4c0a9}.wb-theme-flight .wb-value strong{color:#bed49c}.wb-theme-flight .wb-chart-face,.wb-theme-flight .wb-number-face{background:#08170e66;padding:0 8px;margin-top:6px;border:1px solid #384835;border-radius:2px}.wb-theme-flight .wb-push{background:linear-gradient(#3c503b,#202f23);border-color:#6b7b60;color:#c7d7a5}.wb-theme-flight .wb-group-name h2{text-transform:uppercase;font:11px ui-monospace,monospace;letter-spacing:1px}.wb-theme-flight .wb-group-sub{color:#a1aa91}.wb-theme-flight .wb-lamp{border-radius:4px;background:linear-gradient(#354a31,#142312)}.wb-theme-flight .wb-switch-socket{border-color:#788078}.wb-theme-constellation .wb-group:first-child{background:linear-gradient(130deg,#243e48,#15252f 65%)}.wb-theme-constellation .wb-group:first-child .wb-instrument{border-top-color:#6b96a2}.wb-theme-constellation .wb-lamp{border-radius:8px}.wb-theme-constellation .wb-card-code{color:#87b4c1}@media(min-width:1650px){.wb-grid{grid-auto-rows:94px}.wb-card-head h3{font-size:14px}.wb-card-code,.wb-card-foot{font-size:8px}.wb-height-3 .wb-dial{margin-top:3px}}@media(max-width:1150px){.wb-layout.has-inspector{grid-template-columns:minmax(0,1fr)}.wb-inspector{position:fixed;z-index:15;right:16px;top:105px;width:275px;max-height:calc(100vh - 130px);box-shadow:0 12px 50px #000a}.wb-toolbar{gap:9px}.wb-toolbar,.wb-toolbar-actions{flex-wrap:wrap}.wb-mode>span:not(.wb-nameplate){display:none}.wb-summary{gap:13px}.wb-group-sub,.wb-summary-clock{display:none}.wb-value strong{font-size:25px}.wb-theme-auto .wb-group:first-child .wb-number-face .wb-value strong{font-size:42px}}@media(max-width:700px){.wb-summary{gap:12px;flex-wrap:wrap;padding:12px 0;font-size:9px}.wb-summary>span:first-child{flex-basis:100%;font-size:7px}.wb-summary b{font-size:12px}.wb-toolbar{padding:13px 0}.wb-nameplate{font-size:8px;letter-spacing:1px}.wb-edit-button{font-size:10px;padding:8px}.wb-mode{gap:6px}.wb-toolbar-actions{gap:5px;width:100%}.wb-toolbar-actions button{font-size:10px;padding:7px 9px}.is-editing .wb-toolbar{top:0;padding:10px 8px}.wb-toolbar-actions>button:nth-last-child(2){margin-left:auto}.wb-selection{gap:8px}.wb-selection>span{display:none}.wb-layout{gap:10px}.wb-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:76px;gap:8px}.wb-instrument{grid-column:span min(var(--w),6);padding:9px 10px 6px}.wb-group,.wb-theme-auto .wb-group,.wb-theme-flight .wb-group{padding:10px;margin-bottom:14px}.wb-group-head{gap:7px;margin:0 0 10px}.wb-group-name{gap:7px}.wb-group-name h2{font-size:11px}.wb-group-name>span{font-size:8px}.wb-group-number{font-size:8px;padding:3px}.wb-group-sub{display:none}.wb-group-actions button{padding:3px}.wb-card-head h3{font-size:10px}.wb-card-code{font-size:6px}.wb-theme-auto .wb-group:first-child{padding-top:21px;border-radius:25px 25px 10px 10px}.wb-theme-auto .wb-group:first-child .wb-number-face .wb-value strong{font-size:32px}.wb-value strong{font-size:25px}.wb-inspector{top:auto;bottom:76px;right:12px;left:12px;width:auto;max-height:72vh;padding:16px}.wb-dialog input,.wb-inspector input,.wb-inspector select{font-size:16px}.wb-inspector header{position:sticky;top:-16px;background:#192a38;padding-top:7px;z-index:1}.wb-dialog-backdrop{padding:14px 12px 80px}.wb-dialog{padding:20px;max-height:80vh}.wb-dialog h2{font-size:20px}.wb-picker{max-height:45vh}.wb-picker button{padding:12px 0;gap:8px}.wb-picker b,.wb-picker strong{font-size:11px}.wb-bottom-note{flex-direction:column;gap:6px;line-height:1.5}.wb-height-1 .wb-lamp-face{gap:5px}.wb-height-1 .wb-lamp-face b{font-size:7px}.wb-height-1 .wb-card-head h3{font-size:8px}.studio-intro{font-size:10px;line-height:1.6}.studio-reset{flex-wrap:wrap}.studio-reset>span{flex-basis:100%}.wb-theme-flight .wb-card-head h3{font-size:9px}.wb-observations{overflow:auto}}@media(max-width:450px){.wb-instrument{grid-column:span min(max(var(--w),3),6)}.wb-group:first-child .wb-instrument:not(.wb-height-1){grid-column:span 6}.wb-theme-auto .wb-group:first-child .wb-number-face .wb-value strong{font-size:48px}.wb-group-name>span{display:none}.wb-summary{gap:10px}.wb-group-head{min-height:28px}.wb-detail-meta{grid-template-columns:1fr}.wb-detail-value{font-size:30px}.wb-toolbar-actions button{font-size:9px;padding:7px}.wb-toolbar-actions{gap:4px}}@media(prefers-reduced-motion:reduce){.workbench *{transition:none!important;animation:none!important}}.is-editing .wb-grid{grid-auto-rows:94px}.workbench .wb-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.workbench .wb-group:first-child .wb-instrument:not(.wb-height-1),.workbench .wb-instrument{grid-column:span var(--w)}.wb-device-mobile .wb-board{width:100%;max-width:390px;justify-self:center}.wb-device-mobile .wb-grid{grid-auto-rows:82px;gap:8px}.wb-device-mobile.is-editing .wb-grid{grid-auto-rows:94px}.wb-device-switch{display:flex;border:1px solid #53717f;border-radius:6px;overflow:hidden}.wb-device-switch button[aria-pressed=true]{background:#a0dadd;color:#102a35}.wb-layout-hint{font-size:11px;line-height:1.6;color:#9db4c2;margin:8px 0 16px}.wb-selection input[type=color]{width:36px;height:32px;padding:2px;border:1px solid #54707e;border-radius:4px}.workbench .wb-group{background:var(--panel-background,linear-gradient(135deg,#192a35,#101b24 80%))}.wb-hidden{opacity:.5;border-style:dashed!important}.wb-visibility{flex-direction:row!important;align-items:center}.wb-visibility input{width:auto}.workbench .wb-instrument{--face-metal:#385a52;--face-surface:#0f2420;--face-window:#091714;--dial-edge:#52776b;--dial-ink:#e0f5e7;--dial-muted:#829e8d;--dial-accent:var(--accent,#98d8bd)}.workbench .wb-instrument.skin-minimal{border-radius:8px;background:#14212a;box-shadow:none}.workbench .wb-instrument.skin-space{border-radius:2px 16px 2px 16px;border-color:#527c71;background:linear-gradient(145deg,#142d29,#0b171c);--face-metal:#24443c;--face-surface:#0b1c16;--dial-edge:#4e806c;--dial-accent:var(--accent,#a1f0c8)}.workbench .wb-instrument.skin-yacht{border:2px solid #b79c6c;background:linear-gradient(145deg,#ede3c9,#cdbd99);color:#243d40;border-radius:14px;--face-metal:#bc9b63;--face-surface:#f4edda;--dial-edge:#ac8c55;--dial-ink:#243d40;--dial-muted:#67817e;--dial-accent:var(--accent,#2c6866)}.workbench .skin-yacht .wb-card-code,.workbench .skin-yacht .wb-card-foot,.workbench .skin-yacht .wb-card-head>button,.workbench .skin-yacht .wb-number-period,.workbench .skin-yacht .wb-range,.workbench .skin-yacht .wb-value small{color:#486365}.workbench .wb-instrument.skin-aircraft{border:2px solid #6c7569;background:linear-gradient(145deg,#313930,#181f1b);border-radius:5px;--face-metal:#494d45;--face-surface:#111610;--face-window:#080e09;--dial-edge:#6c7866;--dial-ink:#dbe5c7;--dial-muted:#98a58f;--dial-accent:var(--accent,#dbd8ae)}.workbench .wb-instrument.skin-reactor{border:2px solid #7d8c64;background:repeating-linear-gradient(0deg,#293123 0 3px,#2c3527 3px 4px);border-radius:2px;--face-metal:#596348;--face-surface:#26341d;--face-window:#081b0f;--dial-edge:#7f9469;--dial-ink:#c6f59f;--dial-muted:#79ac78;--dial-accent:var(--accent,#b9ec6a)}.workbench .wb-instrument.skin-automotive{border:2px solid #666b70;border-radius:20px 20px 8px 8px;background:linear-gradient(140deg,#303136,#111317);--face-metal:#a5a6aa;--face-surface:#141417;--face-window:#08090b;--dial-edge:#a5a5ad;--dial-ink:#f0ece8;--dial-muted:#aaa3a3;--dial-accent:var(--accent,#f16d63)}.wb-styled-number{position:relative;display:flex;align-items:center;justify-content:center;margin:6px 0;isolation:isolate;color:var(--dial-ink)}.wb-styled-number>.instrument-geometry{position:absolute;inset:0;width:100%;height:100%}.wb-styled-readout{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:70%;text-align:center;line-height:1.2}.wb-styled-readout strong{font:600 var(--value-size,30px) ui-monospace,monospace;letter-spacing:-1px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.wb-styled-readout small{font-size:10px;margin-top:3px}.wb-styled-readout>span{font-size:8px;opacity:.7;margin-top:6px}.wb-styled-number.skin-aircraft .wb-styled-readout>span{display:none}.wb-styled-number.skin-yacht strong{font-size:min(var(--value-size,30px),32px)}.wb-styled-number .face-metal{fill:var(--face-metal);stroke:var(--dial-edge);stroke-width:2}.wb-styled-number .face-surface{fill:var(--face-surface)}.wb-styled-number .face-window{fill:var(--face-window);stroke:var(--dial-edge);stroke-width:1}.wb-styled-number .face-hairline{fill:none;stroke:var(--dial-edge);stroke-width:1;opacity:.7}.wb-styled-number .face-tick{stroke:var(--dial-muted);stroke-width:1;opacity:.6}.wb-styled-number .face-tick.major{stroke:var(--dial-ink);stroke-width:2;opacity:.9}.wb-styled-number .face-accent{fill:none;stroke:var(--dial-accent);stroke-width:3}.wb-styled-number .face-vent{fill:none;stroke:#050a07;stroke-width:4}.wb-styled-number .face-screw circle{fill:#8b9380;stroke:#20291f}.wb-styled-number .face-screw path{stroke:#20291f}.workbench .wb-instrument .wb-value strong{color:var(--dial-ink);font-size:var(--value-size,32px)}.workbench .wb-height-1 .wb-styled-number svg,.workbench .wb-height-1 .wb-styled-readout>span{display:none}.workbench .wb-height-1 .wb-styled-readout{flex-direction:row;gap:5px;max-width:100%}.workbench .wb-height-1 .wb-styled-readout strong{font-size:22px}.wb-device-mobile .wb-group-head{flex-wrap:wrap}.wb-device-mobile .wb-group-sub{display:none}@media(max-width:700px){.wb-device-desktop .wb-board{min-width:800px}.wb-device-desktop .wb-layout{overflow-x:auto}.wb-selection select{max-width:170px}.wb-layout-hint{font-size:10px}}.app-shell{background:#0c1015;--text:#e4eaf0;--muted:#8e9ba8;--line:#29323b;--accent:#9ed9de;--accent-dim:#8abec8;--surface:#151d25}.app-shell .sidebar{background:#11161d;border-color:#29313b;width:205px;padding:24px 14px 18px}.app-shell .main{margin-left:205px}.app-shell .brand{font-size:17px}.app-shell .brand-sub{font-size:5.7px;letter-spacing:1.5px}.app-shell .brand-mark{border-color:#485665;color:#bccddd;width:30px;height:32px}.app-shell .workspace-label{margin:28px 0 24px;padding:11px 8px}.app-shell .workspace-label strong{font-size:9px}.app-shell .workspace-label small{font-size:8px}.app-shell .workspace-label>svg{display:none}.app-shell .avatar,.app-shell .user-avatar{background:#253240;border-color:#405163;color:#c1d4e8}.app-shell .sidebar nav button{font-size:10px;gap:8px}.app-shell .sidebar nav button.active{background:#283442;color:#d6e4f1}.app-shell .nav-count{background:#1e2935;border-color:#3b4652}.app-shell .panel-nav button{font-size:10px}.app-shell .panel-nav button.selected{background:#1d2630}.app-shell .quiet-card{background:linear-gradient(120deg,#202d39,#161f28);border-color:#334352}.app-shell .topbar{height:49px;padding-inline:28px;background:#0f141a}.app-shell .content{padding:0 28px;max-width:1600px;margin:auto}.app-shell .footer{color:#617281}.app-shell .mobile-nav{background:#111a23f5;border-color:#344453}.app-shell .nav-label{color:#71808c}.app-shell .panel-dot{border-color:#7895aa}.app-shell button:focus-visible{outline:2px solid #86cfe1;outline-offset:4px}.app-shell .privacy{color:#8fa1b1}.app-shell .footer{padding-top:15px}.demo-showcase{--cockpit-accent:#f7aa75;color:#e6edf2;padding-top:26px}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.lab-eyebrow{font-size:9px;letter-spacing:2px;color:#7f909e}.showcase-heading h1{font-size:28px;letter-spacing:-.8px;font-weight:550;margin-top:5px}.showcase-heading h1>span{color:#8495a4;font-weight:400}.showcase-exit{font-size:11px;color:#abb9c5;display:flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid #34404b;border-radius:5px}.showcase-exit:hover{background:#1e2a35}.theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-picker>button{display:flex;text-align:left;align-items:center;padding:14px 18px;gap:14px;position:relative;border:1px solid #29343e;background:#121a22;border-radius:7px;min-width:0;color:#8598a7}.theme-picker>button:hover{border-color:#718291;background:#1b2630}.theme-picker>button.chosen{border-color:var(--cockpit-accent);background:linear-gradient(110deg,color-mix(in srgb,var(--cockpit-accent) 11%,#151b22),#151b22);color:var(--cockpit-accent);box-shadow:0 0 22px #0003,inset 0 0 18px #ffffff03}.theme-number{font:10px ui-monospace,monospace;opacity:.6}.theme-picker strong{font-size:13px;color:#dce5eb;font-weight:550;display:block;line-height:1.4}.theme-picker small{display:block;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;margin-top:2px}.theme-check{margin-left:auto}.demo-controlbar{display:flex;align-items:center;gap:18px;min-height:62px;font-size:9px;color:#7d8e9b}.demo-controlbar>span{display:flex;gap:7px;align-items:center}.demo-controlbar b{font-size:8px;letter-spacing:1px;border:1px solid #3a4853;padding:1px 4px;border-radius:3px;color:#b2c0cb}.scenario-switch{display:flex;padding:3px;border:1px solid #2b3540;border-radius:5px;margin-left:auto}.scenario-switch button{font-size:10px;padding:5px 11px;color:#8395a4;border-radius:3px}.scenario-switch button[aria-pressed=true]{background:#2b3540;color:#e2e9ef}.demo-reset{display:flex;gap:6px;align-items:center;color:#91a4b2}.cockpit-panel{transition:filter .25s}.low-light .cockpit-panel{filter:brightness(.6)}.showcase-foot{display:flex;justify-content:space-between;gap:12px;color:#687d8c;font-size:9px;padding:18px 2px 0}.showcase-foot>span{display:flex;align-items:center;gap:6px}.needle-dial{width:100%;max-width:355px;margin:auto;aspect-ratio:1;filter:drop-shadow(0 9px 7px #0008);position:relative}.needle-dial:after{content:"";position:absolute;inset:3%;border-radius:50%;pointer-events:none;box-shadow:inset 0 9px 17px #ffffff08,inset 0 -3px 8px #0006}.needle-dial svg{width:100%;height:100%;display:block}.dial-needle{transition:transform .95s cubic-bezier(.2,.75,.2,1)}.dial-off{opacity:.5}.cockpit-history{display:block;width:100%;height:52px;color:#8099a9}.status-led{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.cockpit-caption{display:flex;justify-content:space-between;gap:15px;margin:20px 5px 0;font-size:10px;color:#7b858e}.cockpit-caption>span:last-child{color:#555f68;font-size:9px}.automotive{background:radial-gradient(ellipse at 50% -20%,#394049 0,#1d2229 36%,#12171d 75%);border:1px solid #3d444b;border-radius:16px;padding:21px 25px 20px;box-shadow:inset 0 1px 1px #ffffff0d,0 20px 70px #0004}.auto-nameplate{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#879199;padding:0 6px 22px}.auto-nameplate>span:first-child{font-size:18px;font-weight:650;font-style:italic;letter-spacing:4px;color:#d7d9db}.auto-nameplate>span:nth-child(2){font-size:10px;letter-spacing:4px;color:#b4b7ba}.auto-nameplate i{font-style:normal;border:1px solid #6b5140;color:#d19a75;padding:3px 5px;margin-left:9px;letter-spacing:1px}.dashboard-hood{position:relative;background:radial-gradient(ellipse at 50% 10%,#1b2127,#0a0d11 65%);border:1px solid #3c434b;border-bottom:4px solid #090c10;border-radius:40% 40% 20px 20px/10% 10% 20px 20px;padding:24px 20px 13px;box-shadow:inset 0 13px 17px #0009,inset 0 2px 3px #6c72795c,0 4px 3px #000a,0 -9px 0 4px #22282e,0 -11px 0 4px #3a4147;margin-top:12px}.hood-stitch{position:absolute;inset:-7px -4px auto;height:75px;border:1px dashed #6e73782e;border-bottom:none;border-radius:50% 50% 0 0;pointer-events:none}.car-cluster{display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,.7fr) minmax(0,1fr);gap:12px;align-items:center}.car-main-dial{min-width:0}.dial-source{display:block;text-align:center;color:#697985;font-size:8px;letter-spacing:.5px;margin-top:3px}.driver-display{border:1px solid #26333c;border-radius:8px;padding:14px 17px 12px;background:linear-gradient(145deg,#14212b,#090f15);box-shadow:inset 0 1px 20px #0008;min-width:0;color:#bed6e4}.driver-icons{display:flex;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #28333b;color:#73acaa}.driver-icons svg{width:18px;height:18px;filter:drop-shadow(0 0 4px #6bcab241)}.driver-icons .amber{color:#f5ab6a}.drive-mode{display:flex;gap:13px;justify-content:center;align-items:center;margin-top:12px}.drive-mode>span{font-size:47px;font-weight:300;line-height:1;color:#f0f4f5}.drive-mode b{font-size:11px;letter-spacing:3px;color:#f3b282}.drive-mode small{display:block;color:#6f8492;font-size:6px;letter-spacing:1px;margin-top:4px}.driver-message{text-align:center;font-size:8px;color:#e8b174;margin:10px 0 15px;display:flex;align-items:center;justify-content:center;gap:6px}.car-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #27343c;border-bottom:1px solid #27343c;padding:12px 0}.car-mini-stats>div+div{border-left:1px solid #27343c;padding-left:12px}.car-mini-stats span{font-size:6px;letter-spacing:.8px;white-space:nowrap;color:#7f96a6;display:block}.car-mini-stats b{font-family:ui-monospace,monospace;font-weight:400;font-size:25px;line-height:1.5}.car-mini-stats small{font-size:12px;color:#77929f}.driver-trip{margin-top:12px;text-align:center}.driver-trip>span{display:block;font-size:7px;letter-spacing:1.4px;color:#7b96a6}.driver-trip>b{font-size:20px;font-weight:400}.driver-trip>b small{font-size:10px}.driver-trip>div{height:3px;margin:5px 0;background:#263b46}.driver-trip i{display:block;height:100%;background:#a1c9d8;transition:width .8s}.driver-trip>small{font-size:7px;color:#6f8b9a}.car-lower{display:grid;grid-template-columns:1fr .7fr 1fr;gap:24px;padding:19px 23px 4px}.strip-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#81949f}.strip-meter b{font-family:ui-monospace,monospace;font-size:16px;font-weight:500;color:#c4d0d6}.strip-meter b small{font-size:9px;color:#81949f}.meter-segments{display:flex;gap:3px;margin-top:6px}.meter-segments i{flex:1;height:5px;background:#263039;border-radius:1px;transition:background .4s}.meter-scale{display:flex;justify-content:space-between;font-size:6px;color:#5d6b77;margin-top:4px}.car-clock{text-align:center;align-self:center;color:#626f7a}.car-clock>span{letter-spacing:7px;font-size:16px;font-weight:300}.car-clock small{display:block;font-size:5px;letter-spacing:2px;margin-top:4px}.car-console{gap:27px;max-width:740px;margin:24px auto 0;padding:15px 24px;background:linear-gradient(180deg,#2a3036,#1a1f25);border:1px solid #414950;border-bottom:4px solid #0a0e12;border-radius:11px;box-shadow:inset 0 1px 1px #ffffff12,0 5px 10px #0005}.car-console,.ignition{display:flex;align-items:center}.ignition{width:61px;height:61px;flex-shrink:0;border-radius:50%;background:radial-gradient(#242f35,#0e141a);border:3px solid #4b565d;outline:1px solid #111820;box-shadow:0 3px 8px #000a,inset 0 1px 3px #939b9f6b;flex-direction:column;justify-content:center;color:#71838e;gap:2px}.ignition.on{color:#ffa76d;border-color:#986347;box-shadow:0 0 12px #e58b4021,0 3px 8px #000a,inset 0 1px 3px #bfa3946b}.ignition span{font-size:7px;line-height:1.1;letter-spacing:.6px}.ignition svg{width:16px;height:16px}.console-group>span{font-size:6px;letter-spacing:2px;color:#758690;display:block;margin-bottom:8px;text-align:center}.console-group>div{display:flex;border:1px solid #111820;border-radius:5px;box-shadow:0 1px 0 #464f56;overflow:hidden}.console-group button{font-size:9px;letter-spacing:1px;padding:9px 12px;background:#1a232a;color:#7d8c95}.console-group button[aria-pressed=true]{background:#10171c;color:#f4ab75;box-shadow:inset 0 2px 6px #0008}.console-separator{width:1px;height:38px;background:#3b434a}.console-action{font-size:8px;color:#8c9da8;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px}.console-action i{height:2px;width:15px;background:#4c555c}.console-action[aria-expanded=true] i,.console-action[aria-pressed=true] i{background:#e5b183;box-shadow:0 0 6px #efa65866}.console-badge{margin-left:auto;display:flex;align-items:center;gap:9px;color:#677680}.console-badge>span{font-size:31px;font-style:italic;line-height:1;letter-spacing:-2px;font-weight:300}.console-badge small{font-size:6px;line-height:1.7;letter-spacing:1.5px}.theme-flight{--cockpit-accent:#a9d2bc}.flight-deck{background:repeating-linear-gradient(0deg,#343b3b,#343b3b 1px,#323939 0,#323939 3px);padding:13px;border:2px solid #5b6360;border-radius:9px;box-shadow:inset 0 1px 2px #ffffff30,0 18px 50px #0006;color:#bdc9c5}.screw{position:absolute;width:8px;height:8px;z-index:1;border-radius:50%;background:linear-gradient(135deg,#17211f,#697270);box-shadow:0 1px 2px #000;pointer-events:none}.screw:after{content:"";position:absolute;left:2px;right:2px;top:4px;height:1px;background:#101513;transform:rotate(-32deg)}.screw-tl{top:7px;left:7px}.screw-tr{top:7px;right:7px}.screw-bl{bottom:7px;left:7px}.screw-br{bottom:7px;right:7px}.flight-overhead{position:relative;display:grid;grid-template-columns:1fr 1.8fr 1.25fr;align-items:center;gap:20px;padding:16px 25px;background:linear-gradient(#434b49,#353d3b);border:1px solid #171e1b;border-radius:5px;box-shadow:inset 0 1px 2px #ffffff18,0 3px 3px #0004}.flight-label{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.flight-label strong{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:1px;color:#e2e7db}.flight-label>span{display:block;width:100%;font-size:8px;letter-spacing:3px;color:#9eaaa1}.flight-switch-bank{display:flex;justify-content:space-around;gap:8px;border-inline:1px solid #5b645f;padding:0 12px}.flight-toggle{display:flex;flex-direction:column;align-items:center;gap:5px;padding:2px 6px;min-width:47px}.toggle-label{font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#b7c3b9}.toggle-socket{position:relative;width:19px;height:27px;background:linear-gradient(90deg,#171d1b,#262e2b,#101613);border:1px solid #6a746b;border-radius:7px;box-shadow:0 1px 3px #000b,inset 0 0 3px #000}.toggle-socket i{position:absolute;left:6px;top:10px;width:7px;height:20px;border-radius:3px;background:linear-gradient(90deg,#4f5955,#d3d9cf 45%,#6a736c);border:1px solid #c1c8bc;box-shadow:2px 3px 2px #0009;transition:top .2s}.is-on .toggle-socket i{top:-5px;background:linear-gradient(90deg,#7b8780,#f4f6e8 45%,#8b968c)}.flight-toggle small{font-size:6px;color:#738277;font-family:ui-monospace,monospace;margin-top:5px;letter-spacing:1px}.flight-toggle.is-on small{color:#c1e4a8;text-shadow:0 0 7px #a6d78b80}.flight-annunciators{display:grid;grid-template-columns:1fr 1fr;gap:5px}.flight-annunciators>span{font:9px ui-monospace,monospace;padding:9px 5px;border:2px solid #1f2823;border-radius:2px;box-shadow:inset 0 0 4px #0008,0 1px 0 #697168;background:#29312c;color:#728075;text-align:center;white-space:nowrap}.flight-annunciators .green-lit{color:#a4e194;background:#304731;text-shadow:0 0 9px #6fcd6480}.flight-annunciators .amber-lit{color:#f6cd77;background:#544628;text-shadow:0 0 9px #f0ba5980}.flight-annunciators .red-lit{color:#ffc5aa;background:#6e382d;text-shadow:0 0 9px #f3937880}.flight-annunciators .demo-lit{color:#cad4c6;background:#3c443a}.flight-mcp{display:flex;align-items:center;gap:15px;padding:13px 3px}.flight-mcp>span{font-size:6px;letter-spacing:1.2px;max-width:68px}.flight-mcp>div{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.flight-mcp button{background:linear-gradient(#454e47,#2b352d);border:1px solid #17221b;border-radius:3px;box-shadow:inset 0 1px 0 #88938352,0 2px 2px #0008;padding:7px 5px 6px;display:flex;align-items:center;flex-direction:column;gap:4px;font-size:6px;letter-spacing:1px;color:#bac8b7}.flight-mcp button small{font-size:7px;color:#8f9e8a}.flight-mcp button i{height:2px;background:#5a6855;width:14px}.flight-mcp button[aria-pressed=true]{background:#273d30;border-color:#9cb997;color:#dbedce}.flight-mcp button[aria-pressed=true] i{background:#c2e2a8;box-shadow:0 0 7px #c2e2a8a0}.flight-instruments{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:9px}.flight-instrument,.flight-readout,.flight-screen,.flight-systems{position:relative;padding:12px;background:#1b2523;border:1px solid #080e0b;box-shadow:inset 0 1px 1px #67766a,0 2px 2px #111a11;border-radius:5px;min-width:0}.plate-title{display:flex;justify-content:space-between;font:7px ui-monospace,monospace;letter-spacing:1.1px;color:#8b9d8e;padding:2px 4px 8px}.plate-title>span{color:#708275}.flight-instrument .needle-dial{max-width:285px}.aircraft-dial svg>circle:nth-child(2){fill:#111c18;stroke:#050b08}.aircraft-dial svg>circle:nth-child(3){fill:#0b1411}.instrument-selected{outline:1px solid #9aad84;outline-offset:-3px}.flight-screen{padding:14px 16px 13px}.attitude{position:relative;aspect-ratio:1.15;border:7px solid #0a100d;border-radius:12px;overflow:hidden;background:#375b65;box-shadow:0 0 0 1px #4c5c4f;isolation:isolate;margin-top:7px}.horizon-sky{position:absolute;inset:0 0 50%;background:linear-gradient(#24454e,#567d81)}.horizon-ground{position:absolute;inset:50% 0 0;background:linear-gradient(#8b7148,#443b27);border-top:2px solid #b4cdb9}.horizon-lines{position:absolute;inset:18% 28% 12%;display:flex;flex-direction:column;justify-content:space-between}.horizon-lines i{width:50%;height:1px;background:#f0efd1;align-self:center;position:relative}.horizon-lines i:nth-child(odd){width:75%}.horizon-lines i:after{content:"";position:absolute;right:0;width:1px;height:4px;background:#f0efd1}.horizon-wings{position:absolute;top:42%;left:20%;right:20%;color:#f4cb59;text-align:center;font-size:30px;line-height:1;transition:transform .8s;text-shadow:0 2px #000;font-family:monospace}.horizon-wings b{font-weight:400}.horizon-target{position:absolute;right:10px;top:9px;font:7px ui-monospace,monospace;color:#d8e4db}.horizon-value{position:absolute;left:9px;bottom:10px;padding:6px 9px;background:#10201ee6;border:1px solid #5e8570;border-radius:3px}.horizon-value>span{display:block;font-size:6px;letter-spacing:1px;color:#a7c6b2}.horizon-value b{font:24px ui-monospace,monospace;color:#e0eed1}.horizon-value small{font-size:10px}.attitude-scale{position:absolute;left:8px;top:16%;bottom:24%;display:flex;flex-direction:column;justify-content:space-between;color:#c4d1bf;font:8px monospace}.screen-off{filter:brightness(.25)}.pfd-footer{display:flex;justify-content:space-between;gap:7px;font:7px ui-monospace,monospace;margin-top:14px;color:#8da58f;align-items:center}.pfd-footer b{font-size:12px;color:#dee3bb;font-weight:400}.flight-small-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.flight-small-pair .flight-instrument{display:flex;align-items:center;padding:6px}.flight-small-pair .screw{width:6px;height:6px}.flight-small-pair .screw:after{top:3px}.flight-readout{background:#0d1a13;padding:15px 18px;color:#a6ca98}.flight-readout .plate-title{padding-inline:0}.readout-main{display:flex;flex-direction:column}.readout-main>span:first-child{font-size:10px;color:#becdb6}.readout-main strong{font:30px ui-monospace,monospace;color:#d8edc3;line-height:1.3;text-shadow:0 0 10px #a8d78825}.readout-main strong small{font-size:13px}.readout-main>span:last-child{font-size:7px;color:#738a70}.flight-readout .cockpit-history{height:35px;margin-top:7px}.readout-status{font:7px ui-monospace,monospace;color:#b7ba82;border-top:1px solid #344635;padding-top:7px;margin-top:8px}.flight-systems{padding:14px 13px}.system-switches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-top:7px}.system-switches .flight-toggle{padding-inline:1px;min-width:0}.system-switches .toggle-label{font-size:6px;letter-spacing:0}.flight-leads{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;border-top:1px solid #35423a;padding:10px 4px 0;font-size:6px;letter-spacing:1px;color:#91a68e}.flight-leads strong{font:24px ui-monospace,monospace;letter-spacing:4px;color:#d4dfb9;background:#0c160f;border:1px solid #364931;padding:0 7px;box-shadow:inset 0 2px 3px #0009}.flight-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font:6px ui-monospace,monospace;letter-spacing:1px;color:#8c9c8b;margin:15px 5px 2px}.flight-bottom>span:first-child{display:flex;align-items:center;gap:6px;color:#b2c6a7}.flight-bottom button{display:flex;align-items:center;gap:6px;letter-spacing:0;font:9px ui-sans-serif,system-ui;color:#c8d8bf}.theme-constellation{--cockpit-accent:#83c5cb}.constellation-deck{background:radial-gradient(at 30% 0,#26343d,#111b23 65%);border:1px solid #40505b;border-radius:14px;padding:18px;box-shadow:inset 0 1px 0 #ffffff10,0 15px 40px #0004}.constellation-head{display:flex;align-items:center;gap:20px;margin-bottom:15px}.constellation-head>div{display:flex;align-items:center;gap:10px;color:#b1c8f2}.constellation-head h2{font-size:17px;font-weight:600;letter-spacing:-.4px;color:#dfe9ef}.constellation-head h2 span{display:block;font-size:8px;letter-spacing:.2px;color:#89a4b3;font-weight:400;margin-top:2px}.constellation-label{margin-left:auto;font-size:14px;font-weight:600;letter-spacing:-.7px;color:#acbecd}.constellation-label span{font-size:8px;font-weight:400;letter-spacing:1px;color:#6f889b}.constellation-head>button{color:#94b1c0;border:1px solid #415c69;border-radius:5px;padding:7px;display:flex}.constellation-alert{display:flex;align-items:center;gap:9px;padding:10px 12px;color:#ffb46e;border:1px solid #7c5636;background:#30271ed4;border-radius:6px;font-size:9px;margin-bottom:12px}.constellation-alert strong{font-weight:550}.constellation-alert>span{color:#bdaa96;font-size:8px}.constellation-alert button{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:8px;white-space:nowrap}.orbital-processes{display:flex;gap:19px;align-items:center;padding:8px 12px;background:#0c171ee0;border:1px solid #354c59;border-radius:7px;box-shadow:inset 0 6px 15px #0005;margin-bottom:12px}.mini-label{font-size:6px;letter-spacing:1.4px;color:#6b889a}.orbital-processes>button{position:relative;padding:0;display:flex;align-items:center;filter:drop-shadow(0 0 4px currentColor);opacity:.78}.orbital-processes>button:hover,.orbital-processes>button[aria-pressed=true]{opacity:1}.orbital-processes>button i{height:1px;width:3px;background:currentColor;position:absolute;bottom:-4px;left:50%}.process-spacer{flex:1}.orbital-processes>span:last-of-type{font-size:6px;letter-spacing:.7px;color:#8bbaa9;display:flex;align-items:center;gap:6px}.constellation-finances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.orbit-card{border:1px solid #364c58;border-radius:12px;background:linear-gradient(125deg,#1b2b34,#101b22);padding:12px 13px 9px;min-width:0}.orbit-selected{border-color:#608396}.orbit-card-title{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px}.orbit-card-title>span{display:flex;align-items:center;gap:7px;font-weight:550}.orbit-card-title>span svg{color:#b6ab88;border:1px solid #394f5b;box-sizing:content-box;padding:3px;border-radius:6px}.orbit-card-title small{font-size:6px;white-space:nowrap}.orbit-finance-dial{position:relative;width:min(100%,295px);margin:10px auto 0;aspect-ratio:300/160}.orbit-finance-dial svg{width:100%;height:100%;display:block}.orbit-finance-dial>div{position:absolute;inset:36% 0 0;text-align:center}.orbit-finance-dial>div>span{font-size:7px;letter-spacing:1.4px;font-weight:600}.orbit-finance-dial strong{display:block;font-size:clamp(20px,2.4vw,34px);font-weight:600;letter-spacing:-1px;line-height:1.2;margin-top:5px;font-variant-numeric:tabular-nums}.orbit-finance-dial strong small{font-size:12px;letter-spacing:0;color:#a5bdc9}.orbit-finance-dial p{font-size:7px;color:#99b1bf;margin-top:4px}.orbit-history-title{display:flex;justify-content:space-between;border-top:1px solid #314956;font-size:8px;color:#a5bac6;padding-top:9px}.orbit-history-title b{font-weight:400;color:#708d9e;font-size:7px}.orbit-card .cockpit-history{height:39px;margin-top:4px}.orbit-card-foot{display:flex;justify-content:space-between;font-size:6px;color:#738d9c}.orbit-section-label{display:flex;align-items:center;gap:10px;margin:12px 0 10px;font-size:8px;color:#b6cedb}.orbit-section-label>span:first-child{font-size:6px;letter-spacing:1.4px;color:#8ab9bd;display:flex;align-items:center;gap:6px}.orbit-section-label>b{font-weight:500}.orbit-section-label>span:last-child:not(:first-child){margin-left:auto;color:#7c9caa;font-size:6px}.constellation-pulse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.constellation-pulse article{display:flex;align-items:center;border:1px solid #354d5d;border-radius:8px;background:#172630a3;padding:6px 12px 6px 6px;gap:14px;min-width:0}.constellation-pulse .needle-dial{width:110px;flex-shrink:0;margin:0}.constellation-pulse h3{font-size:10px;font-weight:550;margin-bottom:3px}.constellation-pulse strong{display:block;font-size:22px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.constellation-pulse strong small{display:inline;font-size:9px;color:#94aebe}.constellation-pulse article>div>span{display:block;font-size:7px;color:#90adbd;margin-top:4px}.constellation-pulse article>div>small{font-size:6px;color:#6c8c9f;display:block;margin-top:3px}.constellation-infra{background:linear-gradient(120deg,#182330,#101a26);border:1px solid #3d5065;border-radius:10px;padding:12px;margin-top:10px}.constellation-infra .orbit-section-label{margin:0 0 10px}.orbit-section-label>button{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px;border:1px solid #4b6075;background:#263649;padding:5px 8px;border-radius:4px}.server-modules{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.server-modules>button{text-align:left;border:1px solid #495a6b;border-radius:7px;padding:9px 10px;background:linear-gradient(#202c3a,#111b26);box-shadow:inset 0 1px 0 #ffffff0c,0 2px 3px #0008;min-width:0}.server-modules>button:hover{border-color:#8ba9c5;background:#273c4b}.server-index{display:flex;justify-content:space-between;font:5px ui-monospace,monospace;letter-spacing:1.4px;color:#7e93a9}.server-index>span{font-size:4px}.server-modules strong{display:flex;align-items:center;gap:7px;font-size:8px;white-space:nowrap;margin:10px 0 7px;font-weight:550}.server-leds{display:flex;align-items:center;gap:2px;padding:4px;background:#071113;border:1px solid #44545e;border-radius:3px;box-shadow:0 2px 3px #0008;flex-shrink:0}.server-leds i{height:9px;width:3px;background:#6af4b0;box-shadow:0 0 6px #6af4b040}.server-leds.warn i{background:#ffb373;box-shadow:0 0 6px #ffa26544}.server-modules small{display:block;font-size:6px;color:#61d6a9;line-height:1.5}.server-modules>button>span:last-child{display:block;font-size:5px;color:#7d97ac;margin-top:6px;line-height:1.5}.telemetry-panel{margin-top:15px;border:1px solid #384c5c;background:#121d27;border-radius:8px;padding:18px}.telemetry-panel>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.telemetry-panel h2{font-size:14px}.telemetry-panel>div>button{font-size:10px;color:#9fb6c6}.telemetry-panel>p{font-size:10px;color:#8097a8;margin:10px 0 15px;line-height:1.7}.telemetry-scroll{overflow:auto}.telemetry-panel table{width:100%;min-width:600px;border-collapse:collapse;font-size:10px;text-align:left}.telemetry-panel th{font-size:8px;color:#7f9caf;font-weight:500}.telemetry-panel td,.telemetry-panel th{padding:9px;border-bottom:1px solid #263746}.telemetry-panel td{color:#acbeca}.telemetry-panel .row-selected td{background:#253749;color:#dae8ef}.telemetry-panel td:nth-child(2){font-family:ui-monospace,monospace;white-space:nowrap}.power-off .car-lower,.power-off .driver-display{filter:brightness(.4)}@media(min-width:1600px){.demo-showcase{padding-top:30px}.automotive{padding-inline:40px}.car-cluster{grid-template-columns:1fr .76fr 1fr;gap:30px}.needle-dial{max-width:390px}.driver-display{max-width:300px;width:100%;justify-self:center;padding:20px 24px}.car-mini-stats b{font-size:32px}.drive-mode>span{font-size:58px}.driver-trip>b{font-size:26px}.car-mini-stats span{font-size:8px}.driver-trip>span{font-size:9px}.driver-message{font-size:10px}.car-lower{padding-inline:45px}.flight-instrument .needle-dial{max-width:330px}.flight-screen .attitude{max-width:355px;margin-inline:auto}.flight-readout .cockpit-history{height:50px}.readout-main strong{font-size:38px}.server-modules strong{font-size:10px}.server-modules small{font-size:8px}.constellation-pulse .needle-dial{width:125px}.constellation-pulse h3{font-size:12px}}@media(max-width:1150px){.app-shell .sidebar{width:178px;padding-inline:10px}.app-shell .main{margin-left:178px}.app-shell .brand{font-size:15px;gap:7px}.app-shell .brand-sub{font-size:5px;letter-spacing:1px}.app-shell .content{padding-inline:18px}.app-shell .sidebar nav button{font-size:9px}.app-shell .sidebar nav button svg{width:15px}.app-shell .quiet-card{padding:13px 10px}.app-shell .quiet-card p{font-size:16px}.app-shell .quiet-card button{font-size:9px}.theme-picker>button{padding:12px;gap:10px}.theme-number{display:none}.automotive{padding:19px 15px}.dashboard-hood{padding:21px 10px 10px}.car-cluster{gap:4px;grid-template-columns:1fr .8fr 1fr}.driver-display{padding:11px}.car-lower{gap:12px;padding-inline:17px}.car-clock>span{font-size:13px}.strip-meter>div:first-child{font-size:7px}.strip-meter b{font-size:13px}.car-console{gap:20px;margin-top:20px;padding:13px 19px}.auto-nameplate>span:last-child{display:none}.flight-overhead{padding:15px 18px;gap:10px;grid-template-columns:.8fr 1.6fr 1.2fr}.flight-label strong{font-size:15px}.flight-label>span{font-size:6px;letter-spacing:2px}.flight-switch-bank{padding:0 6px;gap:0}.flight-toggle{min-width:40px;padding-inline:2px}.toggle-label{font-size:6px}.flight-annunciators>span{font-size:7px;padding:8px 3px}.flight-mcp>span{display:none}.flight-mcp button{font-size:5px;letter-spacing:.6px}.flight-screen{padding:12px}.pfd-footer{font-size:5px;gap:3px}.pfd-footer b{font-size:9px}.flight-readout{padding:12px}.readout-main strong{font-size:25px}.plate-title{letter-spacing:.6px}.plate-title,.system-switches .toggle-label{font-size:5px}.flight-leads{font-size:5px;letter-spacing:0}.flight-bottom>span:last-child{display:none}.server-modules{grid-template-columns:repeat(3,minmax(0,1fr))}.server-modules strong{font-size:9px}.server-modules small{font-size:7px}.constellation-pulse .needle-dial{width:82px}.constellation-pulse article{gap:6px}.constellation-pulse h3{font-size:8px}.constellation-pulse strong{font-size:20px}.constellation-pulse article>div>span{font-size:6px}.constellation-alert>span{display:none}.orbit-finance-dial strong{font-size:24px}.orbit-finance-dial>div>span{font-size:6px;letter-spacing:1px}.orbit-finance-dial p{font-size:5px}.orbital-processes{gap:17px}.orbit-card-title{font-size:8px}.orbit-card-title small{font-size:5px}.cockpit-caption{font-size:8px}.cockpit-caption>span:last-child{font-size:7px}}@media(max-width:850px){.app-shell .sidebar{display:none}.app-shell .main{margin-left:0}.app-shell .content{padding-inline:20px}.showcase-heading h1{font-size:25px}.car-cluster{grid-template-columns:1fr .8fr 1fr}.cockpit-caption>span:last-child{display:none}.constellation-label{font-size:11px}.constellation-label span{display:none}.app-shell .mobile-nav{display:flex}.app-shell .content{padding-bottom:80px}}@media(max-width:600px){.app-shell .content{padding-inline:12px}.app-shell .mobile-brand{height:58px;padding:0 17px}.demo-showcase{padding-top:21px}.showcase-heading{margin-bottom:17px;align-items:flex-start}.lab-eyebrow{font-size:7px;letter-spacing:1.6px}.showcase-heading h1{font-size:22px;line-height:1.25;margin-top:7px}.showcase-heading h1>span{display:block;font-size:20px}.showcase-exit{font-size:8px;padding:7px;gap:5px;margin-top:2px}.theme-picker{gap:6px}.theme-picker>button{padding:11px 7px;gap:6px;flex-direction:column;align-items:center;text-align:center;border-radius:6px}.theme-picker strong{font-size:10px}.theme-picker small{font-size:5px;letter-spacing:.8px;margin-top:4px}.theme-picker>button>svg{width:20px;height:20px}.theme-check{display:none}.demo-controlbar{min-height:0;gap:12px;flex-wrap:wrap;padding:15px 1px}.demo-controlbar>span{font-size:8px;gap:5px}.scenario-switch{order:3;width:100%;margin:0}.scenario-switch button{flex:1;font-size:10px;padding:7px 5px}.demo-reset{margin-left:auto}.demo-reset span{font-size:8px}.showcase-foot{font-size:7px;align-items:flex-start;flex-direction:column;gap:8px;padding-inline:3px}.showcase-foot>span:last-child{padding-left:19px}.automotive{padding:17px 10px 14px;border-radius:11px}.auto-nameplate{padding:0 6px 17px;letter-spacing:1px}.auto-nameplate>span:first-child{font-size:14px;letter-spacing:3px}.auto-nameplate>span:nth-child(2){font-size:6px;letter-spacing:2px}.auto-nameplate i{font-size:6px;padding:2px 3px;margin-left:4px}.dashboard-hood{border-radius:35% 35% 15px 15px/4% 4% 15px 15px;padding:16px 7px 10px;margin-top:8px;box-shadow:inset 0 7px 12px #0009,inset 0 2px 3px #6c72795c,0 4px 3px #000a,0 -5px 0 3px #22282e,0 -7px 0 3px #3a4147}.car-cluster{grid-template-columns:1fr 1fr;gap:9px 5px}.car-cluster>.car-main-dial:first-child{grid-column:1;grid-row:1}.car-cluster>.car-main-dial:last-child{grid-column:2;grid-row:1}.dial-source{font-size:5px;letter-spacing:0;margin-top:0}.driver-display{grid-column:1/-1;grid-row:2;margin:5px 5px 0;padding:11px 14px;display:grid;grid-template-columns:.9fr 1.2fr;gap:8px 15px;position:relative}.driver-icons{grid-column:1;grid-row:1;padding:0;border:0;gap:7px;align-self:center}.driver-icons svg{width:15px;height:15px}.drive-mode{grid-column:1;grid-row:2;margin:0;justify-content:flex-start;gap:10px}.drive-mode>span{font-size:37px}.drive-mode b{font-size:9px;letter-spacing:2px}.drive-mode small{font-size:4px;letter-spacing:.6px}.driver-message{grid-column:1/-1;grid-row:3;margin:3px 0 0;padding-top:8px;border-top:1px solid #2c3e4a;font-size:7px}.car-mini-stats{grid-column:2;grid-row:1;padding:0;border:0;gap:6px}.car-mini-stats b{font-size:22px}.car-mini-stats span{font-size:4px;letter-spacing:.2px}.car-mini-stats>div+div{padding-left:7px}.driver-trip{grid-column:2;grid-row:2;margin:0}.driver-trip>span{font-size:5px;letter-spacing:.5px}.driver-trip>b{font-size:16px}.driver-trip>div{margin:2px 0}.driver-trip>small{font-size:5px}.car-lower{grid-template-columns:1fr 1fr;padding:12px 7px 0;gap:13px}.car-clock{display:none}.strip-meter>div:first-child{font-size:6px;gap:4px}.strip-meter b{font-size:11px}.strip-meter b small{font-size:7px}.meter-segments{gap:2px}.meter-segments i{height:4px}.meter-scale{font-size:5px}.car-console{padding:13px 12px;margin-top:19px;gap:12px;justify-content:space-between;border-radius:9px}.ignition{width:45px;height:45px;border-width:2px}.ignition svg{width:12px;height:12px}.ignition span{font-size:5px}.console-group>span{font-size:5px;letter-spacing:1px;margin-bottom:6px}.console-group button{font-size:6px;padding:7px;letter-spacing:.7px}.console-badge,.console-separator{display:none}.console-action{font-size:5px;padding:2px;gap:4px}.console-action svg{width:16px;height:16px}.cockpit-caption{margin:14px 2px 0;font-size:7px}.flight-deck{padding:8px;border-radius:7px}.flight-overhead{display:grid;grid-template-columns:1fr;gap:13px;padding:16px 13px 12px}.flight-label{gap:8px;flex-wrap:nowrap;justify-content:center}.flight-label svg{width:17px;height:17px}.flight-label strong{font-size:15px}.flight-label>span{width:auto;font-size:6px}.flight-switch-bank{border:0;justify-content:space-between;padding:0 10px}.flight-toggle{min-width:38px}.toggle-label{font-size:6px}.flight-annunciators{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.flight-annunciators>span{font-size:5px;padding:7px 2px}.flight-mcp{padding:10px 1px}.flight-mcp>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.flight-mcp button{font-size:5px;letter-spacing:.6px;padding:5px;flex-direction:row;justify-content:space-between;gap:5px}.flight-mcp button small{font-size:5px}.flight-mcp button i{width:8px}.flight-instruments{grid-template-columns:1fr 1fr;gap:7px}.flight-instrument{padding:8px}.flight-screen{grid-row:2;grid-column:1/-1;padding:12px 18px}.flight-screen .attitude{aspect-ratio:1.8;margin-top:4px}.horizon-wings{top:37%;font-size:27px}.horizon-value b{font-size:24px}.horizon-value>span{font-size:6px}.horizon-target{font-size:7px}.pfd-footer{font-size:6px;margin-top:9px}.pfd-footer b{font-size:10px}.flight-small-pair{grid-column:1/-1;grid-row:3}.flight-small-pair .flight-instrument{padding:8px 18px}.flight-readout{grid-column:1/-1;grid-row:4;padding:13px 17px}.readout-main strong{font-size:32px}.readout-main>span:first-child{font-size:11px}.readout-main>span:last-child{font-size:8px}.flight-readout .cockpit-history{height:52px;margin-top:12px}.readout-status{font-size:8px;margin-top:11px;padding-top:10px}.flight-systems{grid-column:1/-1;grid-row:5;padding:14px 17px}.plate-title{font-size:5px}.flight-readout .plate-title,.flight-systems .plate-title,.system-switches .toggle-label{font-size:7px}.flight-leads{font-size:7px;letter-spacing:1px}.flight-bottom{flex-wrap:wrap;gap:10px;margin:14px 6px 5px;font-size:5px}.flight-bottom button{font-size:8px}.constellation-deck{padding:11px;border-radius:10px}.constellation-head{gap:9px;margin:5px 1px 13px;flex-wrap:wrap}.constellation-head>div{gap:7px}.constellation-head h2{font-size:14px}.constellation-head>div>svg{width:19px}.constellation-head h2 span{font-size:6px}.constellation-label{display:none}.constellation-head>button{margin-left:auto;padding:5px}.constellation-alert{padding:9px 8px;font-size:7px;gap:6px;margin-bottom:9px}.constellation-alert>svg{width:12px}.constellation-alert button{font-size:6px;gap:2px}.orbital-processes{padding:9px 10px;gap:20px;margin-bottom:10px;justify-content:space-between}.orbital-processes .mini-label,.orbital-processes>button:last-child,.orbital-processes>span:last-of-type,.process-spacer{display:none}.orbital-processes>button svg{width:18px;height:18px}.constellation-finances{grid-template-columns:1fr;gap:9px}.orbit-card{padding:13px 15px 10px}.orbit-card-title{font-size:10px}.orbit-card-title small{font-size:7px}.orbit-finance-dial{max-width:260px;margin-top:5px;aspect-ratio:300/150}.orbit-finance-dial>div{inset:36% 0 0}.orbit-finance-dial>div>span{font-size:7px;letter-spacing:1.5px}.orbit-finance-dial strong{font-size:33px}.orbit-finance-dial strong small{font-size:13px}.orbit-finance-dial p{font-size:7px}.orbit-history-title{font-size:8px;padding-top:9px}.orbit-card .cockpit-history{height:38px}.orbit-section-label{flex-wrap:wrap;gap:6px}.orbit-section-label>span:first-child{font-size:5px;letter-spacing:1px}.orbit-section-label>b{font-size:8px}.orbit-section-label>span:last-child:not(:first-child){display:none}.constellation-pulse{grid-template-columns:1fr;gap:8px}.constellation-pulse article{gap:18px;padding:7px 12px}.constellation-pulse .needle-dial{width:95px}.constellation-pulse h3{font-size:11px}.constellation-pulse strong{font-size:25px}.constellation-pulse article>div>span{font-size:7px}.constellation-pulse article>div>small{font-size:6px}.constellation-infra{padding:10px}.server-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.server-modules>button{padding:10px 8px}.server-modules strong{font-size:8px;gap:5px}.server-modules small,.server-modules>button>span:last-child{font-size:6px}.server-index{font-size:5px}.telemetry-panel{padding:14px}.telemetry-panel h2{font-size:11px}.telemetry-panel>div>button{font-size:8px}.telemetry-panel>p{font-size:9px}}@media(prefers-reduced-motion:reduce){.demo-showcase *{transition:none!important;animation:none!important}}.showcase-shell .panel-nav,.showcase-shell .panels-label{display:none}.telemetry-panel{scroll-margin-top:20px}.jol-lock-screen{min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#1c373a,#0a1219 65%);padding:32px 20px;color:#e5eff1;font-family:Arial,sans-serif}.jol-lock-card{width:100%;max-width:340px;text-align:center}.jol-lock-brand{font:10px ui-monospace,monospace;letter-spacing:4px;color:#7eaaa9;margin:10px 0 32px}.jol-lock-icon{width:64px;height:64px;border:1px solid #4b716e;background:#173135;border-radius:20px;display:grid;place-items:center;margin:0 auto 22px;color:#a1d9d2}.jol-lock-card h1{font-size:25px;letter-spacing:-.7px;font-weight:500}.jol-lock-card p{font-size:13px;line-height:1.6;color:#92afb4;margin:14px 0 25px}.jol-lock-card form{display:flex;flex-direction:column;gap:16px}.jol-lock-card label{font-size:11px;color:#95b5bb;text-align:left;display:flex;flex-direction:column;gap:8px}.jol-lock-card input{width:100%;background:#0b1c23;border:1px solid #3d5d66;border-radius:8px;padding:13px;color:#e3eff0;font-size:16px}.jol-lock-card .jol-code{font-size:27px;letter-spacing:13px;text-align:center;padding-left:26px;height:56px}.jol-code-label{text-align:center!important}.jol-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 10px}.jol-keypad button{height:56px;border:1px solid #29464f;border-radius:12px;background:#1a3038;color:#e0edef;font-size:23px;display:grid;place-items:center;touch-action:manipulation}.jol-keypad button:hover{background:#294951}.jol-keypad button:active{transform:scale(.96)}.jol-lock-card button:disabled{opacity:.4;cursor:default}.jol-unlock-button,.jol-unlock-link{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#a5dad4;color:#10292b;border-radius:8px;padding:14px;font-size:13px;border:0;text-decoration:none}.jol-lock-links{display:flex;justify-content:center;gap:24px;margin:22px 0}.jol-lock-links a,.jol-lock-links button{font-size:11px;color:#9fbfc5;background:none;border:0;text-decoration:none}.jol-lock-card>small{display:block;font-size:10px;line-height:1.6;color:#65878e;margin:23px 0 8px}.jol-lock-error{background:#3b2524;border:1px solid #805553;padding:12px;border-radius:8px;color:#efb9ac;font-size:12px;line-height:1.6;margin-top:18px}.jol-lock-now{position:fixed;right:16px;bottom:15px;z-index:20;background:#203a42;border:1px solid #56747d;border-radius:8px;display:flex;align-items:center;gap:7px;padding:9px;color:#c9e3e5;font-size:11px}.jol-locked .jol-unlocked-content{visibility:hidden!important}@media(max-width:700px){.jol-lock-now{bottom:77px}.jol-lock-screen{padding-top:16px}.jol-lock-brand{margin-bottom:22px}.jol-keypad button{height:51px}}.jol-demo-link{font-size:11px;color:#83aaa9;background:none;border:0;margin-top:14px;text-decoration:underline;text-underline-offset:3px}