.twin-app{--tw-bg:#0b131e;--tw-panel:#101c29;--tw-line:#233344;--tw-muted:#718698;--tw-text:#dce7ef;--tw-accent:#52ddbe;background:var(--tw-bg);min-width:880px;height:100svh;min-height:100svh;color:var(--tw-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;line-height:1.5;display:flex;overflow:hidden}.twin-app *{box-sizing:border-box}.twin-app :where(button,input){font:inherit}.twin-app button{cursor:pointer;color:inherit;border:0;transition:background .18s,color .18s,border-color .18s}.twin-app button:disabled{opacity:.45;cursor:wait}.twin-app button:focus-visible,.twin-app input:focus-visible{outline:2px solid var(--tw-accent);outline-offset:3px}.twin-app button:hover{color:#fff}.twin-app h1,.twin-app h2,.twin-app h3,.twin-app p{margin:0}.twin-app svg{flex-shrink:0}.twin-app .warn{color:#efb563!important}.twin-header{border-bottom:1px solid var(--tw-line);background:#0e1925;flex:0 0 76px;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 26px;display:flex}.twin-brand{align-items:center;gap:13px;display:flex}.twin-mark{color:#7bf0d4;background:linear-gradient(145deg,#244c4e,#102b32);border:1px solid #4b948b;border-radius:9px;place-items:center;width:43px;height:43px;display:grid;box-shadow:inset 0 0 16px #5ce2c318}.twin-brand h1{letter-spacing:3px;white-space:nowrap;font-size:20px;font-weight:600}.twin-brand h1 span{letter-spacing:1.5px;border-left:1px solid #40515f;margin-left:13px;padding-left:16px;font-size:15px;font-weight:400}.twin-brand p{letter-spacing:2.6px;color:#708b9b;margin-top:5px;font-size:8px}.twin-nav{align-items:stretch;gap:28px;height:100%;display:flex}.twin-nav button,.twin-nav>span{color:#93a6b6;white-space:nowrap;background:0 0;align-items:center;gap:7px;font-size:12px;display:flex;position:relative}.twin-nav .active{color:#66e3c7}.twin-nav .active:after{content:"";background:#66e3c7;height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -3px 14px #66e3c735}.twin-header-right{align-items:center;gap:19px;display:flex}.twin-header-right time{letter-spacing:1px;color:#a2b3c1;font-family:monospace;font-size:14px}.twin-demo-badge{color:#cbb78a;white-space:nowrap;background:#40392238;border:1px solid #6c5e3b60;border-radius:4px;align-items:center;gap:7px;padding:4px 9px;font-size:11px;display:flex}.twin-demo-badge i{background:#d7bc7d;border-radius:50%;width:5px;height:5px}.twin-icon{border-radius:5px;place-items:center;width:33px;height:33px;display:grid;color:#9fb3c2!important;background:#152333!important;border:1px solid #314252!important}.twin-icon:hover,.twin-icon.active{color:#6cebd1!important;background:#1e3b42!important;border-color:#456864!important}.twin-summary{background:linear-gradient(90deg,#111f2c,#0e1925);border-bottom:1px solid #213140;flex:0 0 102px;align-items:center;gap:0;padding:0 26px;display:flex}.twin-site{flex:1;min-width:220px}.twin-eyebrow{color:#678895;letter-spacing:2px;font-size:9px;font-weight:600}.twin-site h2{letter-spacing:1px;margin-top:7px;font-size:16px;font-weight:500;line-height:1.7}.twin-site h2 span{letter-spacing:1.5px;color:#6e8796;margin-top:4px;font-size:10px;font-weight:400;display:block}.twin-kpi{border-left:1px solid #293846;width:173px;padding-left:26px}.twin-kpi>span{color:#9aaebc;font-size:10px}.twin-kpi>span small{color:#7b909f;border:1px solid #364956;border-radius:3px;margin-left:5px;padding:1px 3px;font-size:8px}.twin-kpi strong{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#edf5f9;margin:4px 0;font-size:31px;font-weight:500;line-height:1.15;display:block}.twin-kpi em{color:#8095a5;margin-left:7px;font-size:12px;font-style:normal}.twin-kpi>div{color:#728d9d;align-items:center;gap:5px;font-size:9px;display:flex}.twin-kpi>div i{background:#52ddbe;border-radius:50%;width:4px;height:4px}.twin-workspace{background:radial-gradient(at 50% 60%,#182838,#0c1622 75%);flex:1;grid-template-columns:230px minmax(0,1fr) 260px;gap:12px;min-height:0;padding:14px 16px 12px;display:grid}.twin-sidebar{scrollbar-width:thin;scrollbar-color:#354a5a transparent;flex-direction:column;gap:12px;min-height:0;display:flex;overflow:auto}.twin-panel{background:linear-gradient(135deg,#12202df5,#101b28f5);border:1px solid #283948;border-radius:7px;padding:15px;position:relative}.twin-section-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.twin-section-title h3{letter-spacing:.3px;align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.twin-section-title h3 svg{color:#6f95a8}.twin-section-title>span{letter-spacing:1.2px;color:#6d8497;font-size:8px}.twin-section-title>button{color:#7994a6;background:0 0;padding:0;display:flex}.twin-zone-all{background:#132d36;border-radius:4px;align-items:center;gap:9px;width:100%;padding:10px;display:flex;color:#bddadf!important;border:1px solid #254251!important}.twin-zone-all.active{background:linear-gradient(90deg,#1d4646,#162b36);border-color:#2d6a69!important}.twin-zone-all span{text-align:left;flex:1;font-size:11px}.twin-zone-all b{color:#70e6c9;font-family:monospace;font-weight:500}.twin-zone-all>svg:last-child{color:#6d9c9b}.twin-zone-list{margin-top:8px}.twin-zone{text-align:left;background:0 0;width:100%;padding:9px 0 8px;display:block;border-bottom:1px solid #26354466!important}.twin-zone:hover,.twin-zone.active{background:#1c324057}.twin-zone-row{align-items:center;gap:9px;display:flex}.twin-zone-letter{border:1px solid;border-radius:5px;place-items:center;width:29px;height:30px;font-family:monospace;font-size:15px;display:grid}.twin-zone-row>span:nth-child(2){flex:1}.twin-zone-row strong{letter-spacing:1px;font-size:11px;font-weight:500;display:block}.twin-zone-row small{color:#6f8798;margin-top:1px;font-size:9px;display:block}.twin-zone-row b{color:#b5c7d3;font-family:monospace;font-size:14px;font-weight:400}.twin-zone-row em{color:#6e8494;margin-left:1px;font-size:9px;font-style:normal}.twin-meter{background:#243341;border-radius:3px;height:3px;overflow:hidden}.twin-meter i{border-radius:3px;height:100%;transition:width .5s linear;display:block}.twin-zone .twin-meter{height:2px;margin:7px 0 0 38px}.twin-legend{color:#8fa6b5;gap:12px;margin-top:14px;font-size:8px;display:flex}.twin-legend span{white-space:nowrap;align-items:center;gap:4px;display:flex}.twin-legend i{border-radius:1px;width:5px;height:5px;display:inline-block}.twin-fine{color:#576e80;font-size:8px;margin-top:7px!important}.twin-mini-panel{flex:1;min-height:138px;padding-bottom:10px}.twin-mini-panel .twin-section-title{margin-bottom:8px}.twin-minimap{width:100%;height:110px;display:block}.twin-mini-caption{color:#6b8698;justify-content:space-between;margin-top:5px;font-size:8px;display:flex}.twin-mini-caption>span{align-items:center;gap:5px;display:flex}.twin-mini-caption i{background:#8dd1c8;border-radius:50%;width:4px;height:4px}.twin-viewport{isolation:isolate;background:#111d2c;border:1px solid #2b3a4a;border-radius:7px;min-height:300px;position:relative;overflow:hidden}.twin-canvas{position:absolute;inset:0}.twin-canvas canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.twin-viewport:after{content:"";pointer-events:none;z-index:1;border-radius:7px;position:absolute;inset:0;box-shadow:inset 0 0 75px #07121e65}.twin-scene-top{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:18px;right:18px}.twin-scene-title{color:#aac0d0;letter-spacing:1px;white-space:nowrap;text-shadow:0 1px 8px #07111b;align-items:center;gap:8px;font-size:9px;display:flex}.twin-scene-title b{color:#6f899f;letter-spacing:0;font-size:10px;font-weight:400}.twin-scene-title small{color:#b0c2ce;border:1px solid #3e596d;border-radius:3px;padding:1px 4px;font-size:8px}.twin-live-dot{background:#5ce2c3;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #5ce2c388}.twin-search{color:#7390a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111e2cea;border:1px solid #344a5b;border-radius:5px;align-items:center;gap:7px;width:208px;height:31px;padding:0 9px;display:flex;position:relative}.twin-search input{color:#d0e4ee;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:10px}.twin-search input::placeholder{color:#718a9e}.twin-search>button{background:0 0;padding:0;display:flex}.twin-search-results{background:#132231;border:1px solid #3a5162;border-radius:5px;padding:5px;position:absolute;top:37px;left:0;right:0;box-shadow:0 10px 30px #0008}.twin-search-results button{background:0 0;border-radius:3px;align-items:center;gap:8px;width:100%;padding:9px 6px;font-size:10px;display:flex}.twin-search-results button:hover{background:#233d49}.twin-search-results strong{color:#70e8c9;font-weight:500}.twin-search-results span{color:#8ca4b5;text-align:right;flex:1;font-size:9px}.twin-search-results p{padding:10px;font-size:10px}.twin-viewport-tools{z-index:2;flex-direction:column;gap:7px;display:flex;position:absolute;top:66px;right:18px}.twin-layer-controls{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#829cad;background:#101e2aaa;border:1px solid #34485a88;border-radius:5px;flex-direction:column;gap:7px;padding:10px 12px;display:flex;position:absolute;top:64px;left:18px}.twin-layer-controls>span{letter-spacing:1px;margin-bottom:2px;font-size:8px}.twin-layer-controls button{color:#a9becc;background:0 0;align-items:center;gap:7px;padding:0;font-size:9px;display:flex}.twin-check{border:1px solid #4a6274;border-radius:2px;justify-content:center;align-items:center;width:11px;height:11px;display:flex}.twin-check.checked{color:#80e9cf;background:#254f50;border-color:#4c968a}.twin-scene-bottom{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:37px;left:18px;right:18px}.twin-camera-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101e2cdd;border:1px solid #334859;border-radius:6px;gap:3px;padding:4px;display:flex}.twin-camera-tabs button{color:#8da8ba;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;display:flex}.twin-camera-tabs button.active{color:#93f2d9;background:#27514f}.twin-compass{color:#7b9eae;flex-direction:column;align-items:center;gap:3px;font-size:9px;display:flex}.twin-compass svg{color:#94becc;transform:rotate(-35deg)}.twin-mouse-hint{color:#6e889c;z-index:2;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:13px;left:18px}.twin-loading{z-index:5;text-align:center;background:#111d2cf5;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:30px;display:flex;position:absolute;inset:0}.twin-load-cube{color:#68e5ca;animation:2s infinite twin-breathe}.twin-loading h3{letter-spacing:2px;font-size:15px;font-weight:400}.twin-loading p{color:#7893a5;max-width:370px;font-size:11px;line-height:1.8}.twin-loading>i{background:linear-gradient(90deg,#244e50,#78e4cc,#244e50);width:100px;height:2px;margin-top:10px;animation:2s infinite twin-breathe}.twin-error>svg{color:#dcb67f}.twin-error>button{color:#abf3df;background:#265650;border-radius:4px;padding:9px 18px}.twin-tour-caption{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(120deg,#112a30ed,#10202eea);border:1px solid #51756d8a;border-radius:7px;width:min(460px,85%);padding:19px 23px;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.twin-tour-caption>div:first-child{justify-content:space-between;align-items:center;display:flex}.twin-tour-caption>div>span{color:#72cfbb;letter-spacing:2px;font-size:8px}.twin-tour-caption button{color:#7da39f;background:0 0;padding:0;display:flex}.twin-tour-caption h3{letter-spacing:1px;margin:7px 0;font-size:18px;font-weight:500}.twin-tour-caption p{color:#9ab4c1;font-size:10px;line-height:1.8}.twin-tour-progress{gap:6px;margin-top:17px;display:flex}.twin-tour-progress>i{background:#2b474b;flex:1;height:2px;display:block}.twin-tour-progress b{background:#6febca;height:100%;transition:width .8s linear;display:block}.twin-alert-float{z-index:3;white-space:nowrap;background:#453721ed;border-radius:5px;align-items:center;gap:9px;padding:11px 16px;font-size:11px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);color:#ffd496!important;border:1px solid #8a6e3b!important}.twin-overview-card h3{font-size:13px;font-weight:500}.twin-overview-card>p{color:#7f97a9;margin-top:6px;font-size:10px;line-height:1.9}.twin-asset-visual{background:radial-gradient(at 30% 70%,#28575155,#0000 70%);height:73px;margin:0 0 12px;position:relative;overflow:hidden}.twin-asset-visual>span{color:#26444b55;font-family:monospace;font-size:56px;font-weight:600;line-height:1;position:absolute;top:0;right:2px}.twin-iso-box{background:linear-gradient(135deg,#356b6266,#1b394699);border:1px solid #569b90;border-radius:2px;width:37px;height:37px;position:absolute;transform:rotate(-30deg)skew(20deg);box-shadow:7px 9px #17313d,8px 10px #3a6d68}.box-one{top:22px;left:28px}.box-two{top:6px;left:67px}.box-three{opacity:.6;width:27px;height:27px;top:32px;left:99px}.twin-asset-numbers{border-top:1px solid #2a3d4a;border-bottom:1px solid #2a3d4a;margin:16px 0;padding:11px 0;display:flex}.twin-asset-numbers>div{text-align:center;border-right:1px solid #2a3d4a;flex:1}.twin-asset-numbers>div:last-child{border:0}.twin-asset-numbers b{letter-spacing:1px;color:#bcdfdf;font-size:17px;font-weight:500;display:block}.twin-asset-numbers span{color:#748e9e;margin-top:3px;font-size:8px;display:block}.twin-outline-button{background:#182b38;border-radius:4px;justify-content:center;align-items:center;gap:7px;width:100%;padding:7px;font-size:10px;display:flex;color:#aac7d0!important;border:1px solid #344c5b!important}.twin-outline-button:hover{background:#233f47}.twin-outline-button>svg:last-child:not(:first-child){margin-left:auto}.twin-sim-tag{border:1px solid #4c5b64;border-radius:3px;padding:1px 4px;color:#9aa8ad!important;letter-spacing:0!important}.twin-vehicle-tabs{gap:4px;margin-bottom:13px;display:flex}.twin-vehicle-tabs button{color:#7d96a8;background:#152330;border-radius:3px;flex:1;padding:5px 0;font-size:9px;border:1px solid #2c4150!important}.twin-vehicle-tabs button.active{color:#77dfc5;background:#203e42;border-color:#47756e!important}.twin-vehicle-head{align-items:center;gap:10px;display:flex}.twin-vehicle-icon{color:#8fb9c3;background:#203847;border:1px solid #385362;border-radius:7px;place-items:center;width:43px;height:40px;display:grid}.twin-vehicle-head strong{letter-spacing:.6px;font-size:12px;font-weight:500;display:block}.twin-vehicle-head>div:nth-child(2)>span{color:#63bca6;align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.twin-vehicle-head>div>span i{background:currentColor;border-radius:50%;width:4px;height:4px}.twin-battery{color:#84bdae;align-items:center;gap:3px;margin-left:auto;font-size:10px;display:flex}.twin-task-route{background:#0c1824;border:1px solid #263b4b;border-radius:4px;align-items:center;gap:9px;margin-top:15px;padding:9px 12px;font-family:monospace;font-size:13px;display:flex}.twin-task-route>div{color:#597587;flex:1;align-items:center;display:flex}.twin-task-route i{border-top:1px dashed #405b6b;flex:1;height:1px}.twin-vehicle-meta{color:#839bac;justify-content:space-between;margin:7px 0 13px;font-size:9px;display:flex}.twin-vehicle-meta>b{color:#577584;font-weight:400}.twin-events{flex:1;min-height:122px}.twin-event{align-items:flex-start;gap:9px;margin-top:11px;display:flex}.twin-event>i{background:#4dbe9e;border-radius:50%;width:5px;height:5px;margin-top:5px;box-shadow:0 0 7px #4dbe9e33}.twin-event.alert>i{background:#dba052}.twin-event p{color:#8ba7b6;font-size:9px;line-height:1.7}.twin-event small{color:#526e81;margin-top:2px;font-size:8px;display:block}.twin-event.alert p{color:#d4ae70}.twin-point-hero{align-items:center;gap:12px;margin:15px 0;display:flex}.twin-point-hero>span{color:#76e0c8;background:#1d3b40;border:1px solid #3e746e;border-radius:6px;padding:5px 12px;font-family:monospace;font-size:27px}.twin-point-hero small{color:#557d8a;letter-spacing:1.5px;font-size:8px;display:block}.twin-point-hero b{color:#adc8d3;margin-top:3px;font-size:13px;font-weight:400;display:block}.twin-point-status{color:#b3c7cf;align-items:center;gap:6px;font-size:10px;display:flex}.twin-point-status>i{border-radius:50%;width:5px;height:5px}.twin-point-status>span{color:#7d91a0;margin-left:auto;font-size:8px}.twin-details{border-top:1px solid #2b3d4d;border-bottom:1px solid #2b3d4d;margin:12px 0;padding:7px 0}.twin-details>div{justify-content:space-between;gap:8px;font-size:10px;line-height:2.2;display:flex}.twin-details dt{color:#6e8a9c}.twin-details dd{color:#c1d1dc;margin:0;font-family:monospace}.twin-info-note{color:#718e9f;gap:7px;font-size:9px;line-height:1.8;display:flex;margin-bottom:13px!important}.twin-info-note svg{color:#5c8d93;margin-top:2px}.twin-bottom-panel{background:linear-gradient(90deg,#101f2b,#101b28);border-top:1px solid #2a3b49;border-bottom:1px solid #2a3b49;border-radius:6px;flex:0 0 130px;align-items:center;gap:22px;height:130px;margin:0 16px;padding:15px 19px;display:flex}.twin-transport-title{flex-shrink:0;width:165px}.twin-transport-title h3{letter-spacing:1px;margin-top:5px;font-size:14px;font-weight:500}.twin-timecode{letter-spacing:1px;color:#bed9df;align-items:center;gap:10px;margin-top:9px;font-family:monospace;font-size:21px;display:flex}.twin-timecode small{letter-spacing:0;color:#678494;font-family:Arial,sans-serif;font-size:8px}.twin-flow-tasks{flex:1;gap:12px;min-width:0;display:flex}.twin-flow-task{text-align:left;background:#0e1925;border-radius:5px;flex:1;min-width:0;padding:11px 13px 8px;border:1px solid #293f4e!important}.twin-flow-task.active{background:#13292f;border-color:#416b67!important}.twin-flow-task>div:first-child{justify-content:space-between;align-items:center;gap:6px;font-size:10px;display:flex}.twin-flow-task>div>span{letter-spacing:.7px;align-items:center;gap:6px;display:flex}.twin-flow-task>div>span i{border-radius:50%;width:5px;height:5px}.twin-flow-task small{color:#6c928f;font-size:8px}.twin-flow-task>p{color:#a7c2cf;align-items:center;gap:8px;margin:9px 0;font-family:monospace;font-size:11px;display:flex}.twin-flow-task>p>svg{color:#547c8c}.twin-flow-task p>span{color:#618091;white-space:nowrap;margin-left:auto;font-family:Arial,sans-serif;font-size:8px}.twin-route-loop{margin-top:4px;display:block;color:#587587!important;font-size:7px!important}.twin-demo-controls{flex-direction:column;flex-shrink:0;gap:10px;width:240px;display:flex}.twin-demo-controls>div{gap:7px;display:flex}.twin-play,.twin-speed,.twin-alert-button{background:#182c38;border-radius:4px;justify-content:center;align-items:center;height:30px;display:flex;color:#a6c2d0!important;border:1px solid #334b5b!important}.twin-play{width:34px}.twin-speed{width:41px;font-family:monospace!important}.twin-alert-button{flex:1;gap:5px;font-size:10px!important}.twin-alert-button.active{background:#443a25;color:#efbb76!important;border-color:#82683e!important}.twin-tour-button{background:linear-gradient(105deg,#4cd3b2,#83e5ca);border-radius:5px;justify-content:center;align-items:center;gap:9px;width:100%;height:34px;display:flex;box-shadow:0 4px 16px #4cd3b215;color:#073a32!important;border:1px solid #75e1c8!important;font-size:11px!important;font-weight:600!important}.twin-tour-button:hover{background:linear-gradient(105deg,#6ee8c8,#9aefda)}.twin-tour-button>svg:last-child,.twin-tour-button>svg:first-child{margin-left:auto}.twin-tour-button>svg:last-child{margin-right:12px}.twin-footer{color:#59788d;flex:0 0 31px;justify-content:space-between;align-items:center;gap:15px;height:31px;padding:0 22px;font-size:8px;display:flex}.twin-footer>span:first-child{align-items:center;gap:6px;display:flex}.twin-footer i{background:#5cba9e;border-radius:50%;width:4px;height:4px}.twin-render-status{letter-spacing:.4px;gap:14px;font-family:monospace;display:flex}.twin-render-status>span:first-child{color:#81b2aa}.twin-toast{color:#bdf3e4;z-index:30;background:#1a3d3aed;border:1px solid #518d7c;border-radius:6px;align-items:center;gap:9px;padding:12px 19px;font-size:12px;display:flex;position:fixed;bottom:180px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0007}.twin-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020911aa;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.twin-modal{background:linear-gradient(145deg,#182d3b,#0c1926);border:1px solid #3a5e67;border-radius:12px;width:570px;max-width:100%;max-height:95vh;padding:36px;position:relative;overflow:auto;box-shadow:0 25px 100px #0009}.twin-modal-close{position:absolute;top:16px;right:16px}.twin-modal h2{letter-spacing:1px;margin-top:12px;font-size:23px;font-weight:500}.twin-modal>p{color:#92aebb;margin:13px 0 20px;font-size:12px;line-height:1.9}.twin-guide-steps{flex-direction:column;gap:18px;display:flex}.twin-guide-steps>div{gap:15px;display:flex}.twin-guide-steps>div>span{color:#65c4b2;border:1px solid #366764;border-radius:5px;flex-shrink:0;place-items:center;width:31px;height:30px;font-family:monospace;font-size:13px;display:grid}.twin-guide-steps h3{color:#d6e7ea;font-size:12px;font-weight:500}.twin-guide-steps p{color:#7696a7;margin-top:5px;font-size:10px;line-height:1.7}.twin-data-note{color:#72adab;background:#142f34;border:1px solid #2e5356;border-radius:5px;gap:11px;margin:23px 0;padding:15px;display:flex}.twin-data-note strong{color:#aacfc8;font-size:11px;font-weight:500}.twin-data-note p{color:#81a7ad;margin-top:5px;font-size:10px;line-height:1.9}.twin-modal .twin-tour-button{height:40px}.twin-category-filter{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:10px;display:grid}.twin-category-filter button{text-align:center;background:#0b1825;border:1px solid #2d4252;border-radius:4px;padding:5px 1px}.twin-category-filter button.active{border-color:var(--asset-color);background:#25404a}.twin-category-filter strong{color:var(--asset-color);font:500 16px/1.25 monospace;display:block}.twin-category-filter span{color:#91a8ba;margin-top:2px;font-size:8px;display:block}.twin-point-name{color:#88c7d8;font-size:11px;margin:2px 0 10px!important}.twin-details dd{text-align:right;overflow-wrap:anywhere;max-width:135px}.twin-point-panel .twin-details>div{padding:2px 0;line-height:1.8}.twin-point-panel .twin-info-note{font-size:8px}.twin-modal-backdrop{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--tw-text);border:0;margin:0}.twin-modal-backdrop::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020911aa}.twin-modal-backdrop:not([open]){display:none}@keyframes twin-breathe{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (width>=1750px){.twin-workspace{grid-template-columns:260px minmax(0,1fr) 290px;gap:16px;padding:18px 22px 16px}.twin-header{flex-basis:84px;height:84px}.twin-summary{flex-basis:116px;padding:0 30px}.twin-site h2{font-size:19px}.twin-kpi{width:200px}.twin-panel{padding:19px}.twin-zone{padding:13px 0 12px}.twin-minimap{height:150px}.twin-asset-visual{height:87px}.twin-overview-card>p{font-size:11px}.twin-section-title h3{font-size:13px}.twin-bottom-panel{flex-basis:142px;height:142px;margin:0 22px}.twin-transport-title{width:201px}.twin-demo-controls{width:262px}.twin-scene-top{top:21px;left:24px;right:24px}}@media (height<=1100px){.twin-header{flex-basis:63px;height:63px}.twin-summary{flex-basis:89px}.twin-panel{padding:12px}.twin-zone{padding:6px 0}.twin-zone-letter{width:26px;height:25px}.twin-zone .twin-meter{margin-top:5px}.twin-section-title{margin-bottom:10px}.twin-zone-row small{font-size:8px}.twin-legend{margin-top:10px}.twin-asset-visual{height:48px;margin-bottom:8px}.box-one{top:9px}.box-two{top:1px}.box-three{top:15px}.twin-asset-numbers{margin:10px 0;padding:7px 0}.twin-vehicle-meta,.twin-vehicle-tabs{margin-bottom:9px}.twin-task-route{margin-top:10px;padding:6px 10px}.twin-minimap{height:90px}.twin-bottom-panel{flex-basis:115px;height:115px}.twin-fine{font-size:7px}.twin-events{min-height:100px}.twin-point-hero{margin:9px 0}.twin-details{margin:8px 0}}@media (width<=1250px){.twin-workspace{grid-template-columns:195px minmax(0,1fr) 222px;gap:8px;padding:10px}.twin-nav{gap:15px}.twin-header{gap:12px;padding:0 18px}.twin-brand h1{font-size:18px}.twin-brand h1 span{margin-left:9px;padding-left:10px;font-size:12px}.twin-brand p{letter-spacing:1.8px;font-size:7px}.twin-header-right{gap:9px}.twin-header-right time{display:none}.twin-kpi{width:142px;padding-left:18px}.twin-kpi-last{width:105px}.twin-site h2{font-size:13px}.twin-site .twin-eyebrow{letter-spacing:1.1px;font-size:8px}.twin-site{min-width:210px}.twin-scene-title{font-size:8px}.twin-scene-title>b,.twin-scene-title small{display:none}.twin-search{width:164px}.twin-scene-top{left:12px;right:12px}.twin-layer-controls{left:12px}.twin-viewport-tools{right:12px}.twin-panel{padding:11px}.twin-legend{gap:7px;font-size:7px}.twin-bottom-panel{gap:12px;margin:0 10px;padding:12px}.twin-transport-title{width:158px}.twin-flow-tasks{gap:7px}.twin-flow-task{padding:8px}.twin-flow-task p>span{display:none}.twin-demo-controls{width:199px}.twin-asset-visual>span{font-size:48px}.twin-footer{padding:0 15px;font-size:7px}.twin-section-title>span{font-size:7px}}@media (width<=960px){.twin-app{min-width:360px;height:auto;min-height:100svh;overflow:visible}.twin-header{flex-wrap:wrap;gap:10px;height:auto;min-height:68px;padding:12px}.twin-nav{display:none}.twin-brand p{letter-spacing:1.4px;font-size:6px}.twin-brand h1{font-size:16px}.twin-header-right .twin-icon{display:none}.twin-summary{flex-wrap:wrap;gap:15px;height:auto;padding:15px 12px}.twin-site{flex:auto;width:100%}.twin-site h2 span{display:none}.twin-site h2{font-size:15px}.twin-kpi{flex:1;width:auto;padding-left:10px}.twin-kpi strong{font-size:24px}.twin-kpi>div{font-size:7px}.twin-kpi-last{display:none}.twin-workspace{flex-wrap:wrap;flex:none;gap:10px;padding:10px;display:flex}.twin-viewport{order:0;width:100%;height:58svh;min-height:390px}.twin-left{order:1;width:calc(45% - 5px);overflow:visible}.twin-right{order:2;width:calc(55% - 5px);overflow:visible}.twin-bottom-panel{flex-wrap:wrap;flex-basis:auto;height:auto;margin-top:4px;padding:14px}.twin-transport-title{justify-content:space-between;align-items:center;width:100%;display:flex}.twin-transport-title>.twin-eyebrow{display:none}.twin-transport-title h3,.twin-timecode{margin:0}.twin-flow-tasks{flex:auto;width:100%}.twin-demo-controls{flex-direction:row;width:100%}.twin-demo-controls>div{flex-shrink:0;width:50%}.twin-demo-controls .twin-tour-button{flex:1;height:31px}.twin-footer{flex-wrap:wrap;flex-basis:auto;justify-content:center;gap:6px 15px;height:auto;padding:15px}.twin-footer>span:nth-child(2){text-align:center;order:3;width:100%}.twin-toast{width:max-content;max-width:90%;font-size:10px;bottom:20px}.twin-tour-caption{padding:15px;bottom:100px}.twin-tour-caption h3{font-size:16px}.twin-layer-controls{top:59px}.twin-scene-title b{display:none}.twin-minimap{height:105px}.twin-legend{flex-wrap:wrap;gap:5px}.twin-modal{padding:25px}.twin-header-right{margin-left:auto}.twin-asset-visual{height:54px}.twin-summary .twin-eyebrow{font-size:8px}.twin-point-hero{gap:8px}.twin-point-hero>span{padding:4px 8px;font-size:23px}.twin-details,.twin-details dd{font-size:9px}.twin-scene-top{gap:5px}.twin-search{width:170px}}@media (prefers-reduced-motion:reduce){.twin-app *{transition:none!important;animation:none!important}}.twin-signal-summary{color:#a0b4c4;justify-content:space-between;gap:5px;font-size:9px;display:flex}.twin-signal-summary span{align-items:center;gap:4px;display:flex}.twin-signal-summary i{border-radius:50%;width:5px;height:5px}.twin-signal-summary b{color:#e5eff5;font-size:13px}.twin-signal-device{align-items:center;gap:12px;margin:10px 0;display:flex}.twin-signal-tower{background:#09131c;border:1px solid #405365;border-radius:5px;flex-direction:column;gap:3px;padding:5px;display:flex}.twin-signal-tower i{border-radius:3px;width:16px;height:10px;display:block}.twin-signal-device>div:last-child{min-width:0}.twin-signal-device strong{overflow-wrap:anywhere;font-size:11px;display:block}.twin-signal-device span{color:#93adbe;margin-top:4px;font-size:9px;display:block}.twin-signal-controls{gap:4px;display:flex}.twin-signal-controls button{background:#172c3b;border:1px solid #304858;border-radius:4px;flex:1;padding:6px 2px;font-size:10px}.twin-signal-controls button[aria-pressed=true]{color:#70e5cc;background:#1e4548;border-color:#519184}.twin-signal-panel>p{color:#7892a4;margin-top:8px;font-size:8px}