.twin-app{--tw-bg:#17181b;--tw-panel:#222429;--tw-line:#41444d;--tw-muted:#b1b6c0;font-size:16px;color:#edf0f4;background:var(--tw-bg)}.twin-app button,.twin-app input,.twin-app select,.twin-app textarea{font:inherit;font-size:14px;min-height:40px}.twin-app input,.twin-app select,.twin-app textarea{background:#15171b;color:#edf0f4;border:1px solid #525660;border-radius:5px;padding:10px;max-width:100%}.twin-app input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:#e63242;vertical-align:middle}.twin-app input[type=color]{height:43px;width:100%}.twin-app textarea{resize:vertical;width:100%;font:14px/1.6 ui-monospace,monospace}.twin-app label{display:block;font-size:14px;line-height:1.5;color:#c7cbd3}.twin-app label>input:not([type=checkbox]),.twin-app label>select,.twin-app label>textarea{display:block;width:100%;margin-top:6px}.twin-app button.primary{background:#d82b3c;border-color:#f44254}.twin-app button:disabled{cursor:not-allowed;opacity:.5}.twin-app header{height:72px;background:#16171a}.twin-app .heading h1{font-size:18px}.twin-app .heading p{font-size:13px}.twin-app .brand img{width:43px;height:43px}.twin-app .chip{font-size:12px}.tw-nav{height:60px;display:flex;justify-content:space-between;gap:12px;padding:0 20px;background:#1e2024;border-bottom:1px solid #464851;position:relative;z-index:6}.tw-nav #twTabs{display:flex;overflow-x:auto;align-items:stretch;min-width:0;gap:6px}.tw-nav #twTabs>button{border:0;border-radius:0;background:transparent;white-space:nowrap;border-bottom:3px solid transparent;padding:8px 12px;font-size:14px}.tw-nav #twTabs>button.active{color:#fff;border-bottom-color:#ef3b4d;background:#2c252a}.tw-account{display:flex;align-items:center;gap:12px;flex-shrink:0}.tw-account span{font-size:12px;max-width:145px;line-height:1.4;color:#c1c5cc}.tw-account button{font-size:13px}.twin-app .workspace{height:calc(100dvh - 132px);grid-template-columns:minmax(0,1fr) 330px;min-height:450px}.twin-app #sidebar{position:fixed;top:132px;bottom:0;left:0;width:290px;z-index:16;transform:translateX(-100%)}.twin-app.panel-open #sidebar{transform:translateX(0)}.twin-app #togglePanel{display:block}.twin-app .tw-roster{position:static;transform:none;width:auto;z-index:auto;background:#202226;border-left:1px solid #454851;padding:22px;overflow:auto}.twin-app .tw-roster h2{font-size:14px;margin:24px 0 14px;letter-spacing:1px}.tw-eyebrow{font-size:12px;letter-spacing:1.3px;color:#b1b6c0;display:block;margin-bottom:8px}.tw-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.tw-kpis>div{padding:14px;background:#292c32;border:1px solid #444851;border-radius:7px}.tw-kpis b{font-size:25px;font-variant-numeric:tabular-nums;display:block}.tw-kpis span{font-size:12px;color:#b6bec9;display:block;margin-top:7px}.tw-robot{display:flex;justify-content:space-between;width:100%;padding:12px;margin-bottom:8px;text-align:left;background:#292c32}.tw-robot>span:last-child{width:48px;font-size:13px;text-align:right}.tw-robot small{display:block;font-size:12px;color:#bbc2cd;margin-top:5px;max-width:195px}.tw-robot progress{width:45px;height:5px;display:block;margin-top:6px;accent-color:#56c6a7}.tw-callout{font-size:14px;padding:15px;background:#30262c;border-left:3px solid #da3445;line-height:1.6;margin:16px 0}.tw-small{font-size:13px!important;color:var(--tw-muted);line-height:1.65;margin:15px 0;display:block}.tw-play{position:absolute;z-index:12;bottom:46px;left:18px;right:18px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;background:#191b20f5;border:1px solid #5c616c;padding:12px;border-radius:8px;box-shadow:0 5px 20px #0004}.tw-play strong{font-size:19px;font-variant-numeric:tabular-nums;padding:0 7px}.tw-play select{width:auto}.tw-play>span{font-size:12px;color:#c6cbd4}.twin-app #minimap{bottom:144px}.tw-pages{position:fixed;inset:132px 0 0;overflow:auto;z-index:7;background:#181a1e;padding:28px 34px 70px}.tw-pages[hidden]{display:none}.tw-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.tw-page-heading h2{font-size:28px;text-transform:none;letter-spacing:-.6px;color:#fff;margin-bottom:10px}.tw-page-heading p{font-size:16px;line-height:1.6;color:#b5bdc9;max-width:860px}.tw-page-heading button{white-space:nowrap}.tw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.tw-card{padding:24px;background:#23262c;border:1px solid #424751;border-radius:9px;margin-bottom:22px;min-width:0}.tw-card h3{font-size:18px;margin:0 0 18px;color:#f0f2f6;line-height:1.5}.tw-card p{font-size:16px;line-height:1.7;color:#bec5d1;margin:15px 0}.tw-card p+h3{margin-top:25px}.tw-card li{font-size:16px;line-height:1.8;margin:10px 0;color:#bec5d1}.tw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.tw-form h3,.tw-form>p,.tw-wide{grid-column:1/-1}.tw-form>button{align-self:end}.tw-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.tw-actions select{width:auto;flex:1}.tw-warning{border:1px solid #825638;border-left:4px solid #e7a158;padding:15px 18px;background:#342b25;color:#f0cfab;font-size:14px;line-height:1.75;margin:0 0 22px;border-radius:5px}.tw-card .tw-warning{color:#f0cfab;font-size:14px}.tw-file{display:inline-flex!important;align-items:center;gap:8px;padding:9px 13px;border:1px solid #5b6370;border-radius:5px;background:#303642;cursor:pointer;position:relative}.tw-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;min-width:0}.tw-map{border:1px solid #5b626d;margin:15px 0;border-radius:7px;overflow:hidden}.tw-map svg{width:100%;display:block;cursor:crosshair;max-height:380px}.tw-fleet-edit{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 65px;gap:12px;margin:14px 0}.tw-line{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #434954;padding:14px 0;font-size:14px}.tw-line small,.tw-table small{display:block;color:#b4bdca;font-size:12px;margin-top:6px}.tw-table{overflow:auto;width:100%}.tw-table table{border-collapse:collapse;width:100%;font-size:14px;min-width:570px}.tw-table th{font-size:12px;text-align:left;color:#b7c0cb;background:#20232a;border-bottom:1px solid #5b626e;white-space:nowrap;padding:12px}.tw-table td{padding:13px 12px;border-bottom:1px solid #3e4651;line-height:1.6;vertical-align:top}.tw-table button{font-size:12px;min-height:32px}.tw-table tbody tr:hover{background:#2b3039}.tw-notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:100;width:max-content;max-width:90vw;background:#204b42;color:#ecfff9;border:1px solid #67ac96;border-radius:8px;padding:13px 20px;font-size:14px;line-height:1.6;box-shadow:0 8px 25px #0004}.tw-notice.error{background:#562d35;border-color:#df7384}.tw-login,.tw-editor{background:#22252b;border:1px solid #737a87;color:#f3f5f8;max-width:min(94vw,660px);width:480px;border-radius:12px;padding:30px}.tw-editor{width:660px}.tw-login::backdrop{background:#0b0c10df;backdrop-filter:blur(8px)}.tw-login img{width:58px;height:58px;object-fit:contain;margin-bottom:20px}.tw-login h2,.tw-editor h2{font-size:25px;text-transform:none;color:#fff;letter-spacing:-.5px;margin-bottom:12px}.tw-login p,.tw-editor p{font-size:14px;line-height:1.7;color:#bfc6d1;margin:12px 0 20px}.tw-login label{margin:16px 0}.tw-login button{width:100%}.tw-login #twLoginError{color:#ff94a4}.tw-camera{position:relative;min-height:280px;background:#11151b;border-radius:8px;overflow:hidden}.tw-camera video{width:100%;display:block}.tw-camera canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ppe-result{padding:15px;border:1px solid #8e673b;background:#332b23;border-radius:7px;margin-bottom:12px}.ppe-result strong{font-size:16px}.ppe-result p{font-size:14px;color:#e3c7a6;margin:10px 0}.tw-flow{width:100%;max-width:850px;display:block}.twin-app #loader{z-index:9}.twin-app .startup-message{font-size:16px}.twin-app .selection{bottom:150px}.twin-app .panel-open .mobile-scrim{inset:132px 0 0}.twin-app .walkpad{bottom:146px}.twin-app #twRate{width:85px}.twin-app [hidden]{display:none!important}
@media(max-width:1200px){.tw-account span{display:none}.tw-nav{padding:0 10px}.tw-nav #twTabs>button{padding:8px}.twin-app .workspace{grid-template-columns:minmax(0,1fr) 290px}.twin-app .tw-roster{padding:16px}.tw-pages{padding:24px}.tw-grid{grid-template-columns:1fr}.tw-play{left:10px;right:10px;gap:6px;padding:9px}.tw-play button{font-size:13px}.tw-play strong{font-size:16px}}
@media(max-width:700px){.twin-app header{height:64px}.twin-app .heading{display:none}.tw-nav{height:56px}.tw-account button{font-size:12px;max-width:110px;overflow-wrap:anywhere;padding:7px}.twin-app .workspace{height:auto;display:flex;flex-direction:column;min-height:0}.twin-app .viewport{height:65dvh;min-height:440px}.twin-app .tw-roster{position:static;transform:none;overflow:visible;border-top:1px solid #434954}.tw-pages{inset:120px 0 0;padding:20px 15px 60px}.tw-page-heading{display:block}.tw-page-heading h2{font-size:25px}.tw-page-heading>button{margin-top:14px}.tw-page-heading p{font-size:15px}.tw-card{padding:17px}.tw-form{gap:14px}.tw-play{bottom:50px}.tw-play #twLiveStatus{width:100%}.tw-play #twOverview{display:none}.tw-play #twPlay{flex:1}.tw-play strong{font-size:17px}.twin-app #sidebar{top:120px}.twin-app .view-tag strong{font-size:13px}.twin-app .floating-actions button{font-size:12px;min-height:35px}.twin-app .floating-actions #focusRobot,.twin-app .floating-actions #followRobot{display:none}.tw-login{padding:23px}.tw-kpis{gap:10px}.tw-card p{font-size:15px}.tw-card h3{font-size:18px}.tw-table table{min-width:550px}.twin-app .tw-roster h2{font-size:16px}.tw-robot small{max-width:none}}
/* 3D scene editing keeps the floor visible between two compact tool panels. */
.studio-open .workspace{grid-template-columns:minmax(0,1fr)}.studio-open .tw-roster,.studio-open .tw-play,.studio-open .selection,.studio-open #minimap,.studio-open .view-tag,.studio-open .floating-actions{display:none!important}.scene-studio{position:absolute;inset:0;z-index:14;pointer-events:none}.scene-studio button,.scene-studio input,.scene-studio select,.scene-studio textarea,.scene-studio a,.scene-studio aside{pointer-events:auto}.studio-tools{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:7px;background:#1c1e23f5;padding:11px 14px;border:1px solid #4b515b;border-radius:8px;pointer-events:auto;box-shadow:0 8px 26px #0004}.studio-tools>div{flex:1;min-width:140px}.studio-tools .tw-eyebrow{margin:0 0 4px;font-size:10px}.studio-tools strong{font-size:14px}.studio-tools button{font-size:12px;padding:6px 10px;min-height:36px}.studio-library,.studio-inspector{position:absolute;top:94px;bottom:86px;background:#1e2127f5;border:1px solid #4b515b;border-radius:8px;overflow:auto;padding:14px;box-shadow:0 8px 26px #0004}.studio-library{left:12px;width:246px}.studio-inspector{right:12px;width:272px}.studio-library>input{width:100%;margin:10px 0}.studio-library>button{width:100%;font-size:12px;margin-top:9px}.studio-tabs{display:flex;gap:3px}.studio-tabs button{padding:6px;font-size:12px;flex:1;min-height:34px}.studio-tabs .active{background:#952b39;border-color:#f65366}.studio-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.studio-asset{background:#30363d;border:1px solid #59636b;border-radius:6px;overflow:hidden;cursor:grab;position:relative;padding:0 0 11px;pointer-events:auto;min-height:126px}.studio-asset:hover,.studio-asset:focus{border-color:#ff7185;background:#36363e}.studio-asset img{display:block;width:100%;height:87px;object-fit:contain;background:#d7dfe5;pointer-events:none}.studio-asset strong{display:block;font-size:11px;line-height:1.45;margin:8px}.studio-asset small{display:block;font-size:10px;line-height:1.5;margin:0 8px;color:#c4ced7}.studio-asset a{font-size:10px;margin:7px 8px 0;display:block;color:#f796a7}.studio-symbol{height:46px;padding:10px;color:#eca7b2;font-size:28px}.studio-inspector h3{font-size:18px;line-height:1.45;margin:14px 0}.studio-inspector h4{font-size:14px;line-height:1.5;margin:15px 0 9px}.studio-inspector p{font-size:13px;line-height:1.75;color:#c5cbd4;margin:12px 0}.studio-inspector label{font-size:12px;margin:10px 0}.studio-inspector button{font-size:12px;width:100%;margin-top:8px}.studio-inspector input,.studio-inspector select,.studio-inspector textarea{font-size:12px;min-height:35px;padding:8px}.studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-fields label{margin:0}.studio-detail-image{width:100%;height:135px;object-fit:contain;background:#d7dfe5;border-radius:5px}.studio-object-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.studio-status{position:absolute;bottom:12px;left:12px;right:12px;background:#202329f5;border:1px solid #505863;border-radius:7px;padding:12px 16px;display:flex;align-items:center;gap:16px;font-size:12px;pointer-events:auto}.studio-status b{font-size:10px;color:#ff8ea0;letter-spacing:1px;white-space:nowrap}.studio-status span{flex:1;line-height:1.6}.studio-status select{max-width:230px;font-size:12px;min-height:34px}.studio-status small{font-variant-numeric:tabular-nums;color:#b7c5cf}.studio-inspector .tw-eyebrow{overflow-wrap:anywhere}.studio-open .viewport{min-height:660px}
@media(max-width:1050px){.studio-tools{flex-wrap:wrap}.studio-tools>div{width:100%;flex:auto}.studio-library,.studio-inspector{top:132px}.studio-library{width:198px}.studio-inspector{width:218px}.studio-cards{grid-template-columns:1fr}.studio-status small{display:none}.studio-status span{font-size:11px}.studio-asset img{height:100px}}
@media(max-width:700px){.studio-open .viewport{height:100dvh;min-height:740px}.studio-tools{left:6px;right:6px;top:6px;gap:4px;padding:8px}.studio-tools button{font-size:10px;min-height:30px;padding:5px 7px}.studio-library{left:6px;width:132px;top:143px;bottom:115px;padding:8px}.studio-inspector{right:6px;width:160px;top:143px;bottom:115px;padding:10px}.studio-tabs{flex-wrap:wrap}.studio-tabs button{flex-basis:40%;font-size:10px}.studio-cards{grid-template-columns:1fr}.studio-asset img{height:75px}.studio-inspector p{font-size:11px}.studio-inspector h3{font-size:15px}.studio-fields{grid-template-columns:1fr}.studio-status{left:6px;right:6px;bottom:8px;flex-wrap:wrap;gap:7px;padding:9px}.studio-status span{min-width:70%}.studio-status select{max-width:100%;width:100%}.studio-library .tw-small{font-size:10px!important}.studio-open #sidebar{z-index:18}}

@media(max-width:700px){.tw-fleet-edit{grid-template-columns:minmax(0,1fr) 65px}.tw-fleet-edit select:first-child{grid-column:1/-1}}

/* Explicit path-design workspace; the source plan is also usable without WebGL. */
.tw-design-shortcuts{display:grid;gap:12px;margin-top:18px;padding:16px;background:#2c262b;border:1px solid #79414e;border-radius:8px}.tw-design-shortcuts button{background:#d52b40;border-color:#f55b71;font-weight:650}.tw-design-shortcuts a,.design-nav a{font-size:13px;color:#ffc2cd}.tw-design-shortcuts small{font-size:11px;color:#bac3cf;line-height:1.6}.tw-nav #twTabs>button[data-page=editor]{background:#652935;color:#fff}.tw-nav #twTabs>button[data-page=editor].active{background:#a32c40;border-color:#ff8d9e}
.studio-map{position:absolute;inset:104px 306px 90px 278px;pointer-events:auto;border:1px solid #52616d;border-radius:8px;background:#171e26;overflow:hidden}.studio-map svg,.design-map-preview svg{width:100%;height:100%;display:block;touch-action:none;user-select:none}.map-object{cursor:pointer}.map-object.selected>rect,.map-object.selected>circle,.map-object:focus>rect{stroke:#fff;stroke-width:.65}.map-label{font:1.4px system-ui;fill:#f1f6ff;paint-order:stroke;stroke:#17202c;stroke-width:.25;pointer-events:none}.map-controls{position:absolute;left:10px;bottom:10px;display:flex;gap:7px;align-items:center;padding:7px;background:#19202cee;border:1px solid #536478;border-radius:5px}.map-controls button{min-height:30px;font-size:12px}.map-controls span{font-size:10px;color:#b3c3d4}.studio-tools{min-height:72px;flex-wrap:wrap}.studio-tools>div{min-width:200px;flex:1}.studio-tools button.active{background:#823343;border-color:#fc708a}.studio-library,.studio-inspector{top:104px}.studio-library>label{font-size:12px;margin-bottom:12px}.studio-library>label select{font-size:12px}.studio-inspector .tw-small{font-size:12px!important}.studio-tabs{flex-wrap:wrap}.studio-tabs button{flex-basis:40%}.design-map-preview{position:absolute;inset:0;background:#171e26;z-index:8}.design-map-preview .map-label{font-size:1.7px}.design-nav{height:72px;align-items:center;justify-content:flex-start;gap:8px;overflow:auto}.design-nav>*{flex-shrink:0}.design-nav strong{font-size:12px;font-variant-numeric:tabular-nums;min-width:180px}.design-window .workspace{height:calc(100dvh - 144px);grid-template-columns:1fr}.design-window .viewport{min-height:700px}.design-window .viewport-top,.design-window #minimap,.design-window .bottom-bar{display:none}.design-window #sidebar{top:144px}.design-window header{height:72px}.design-window .studio-tools{top:10px}.design-window #togglePanel{display:none}
@media(max-width:1250px){.studio-map{inset:144px 250px 90px 228px}.studio-library{width:204px;top:144px}.studio-inspector{width:226px;top:144px}.studio-tools{min-height:112px}.studio-tools>div{flex-basis:100%}.map-controls span{display:none}}
@media(max-width:850px){.studio-map{left:12px;right:12px;top:165px;bottom:400px;min-height:290px}.studio-library,.studio-inspector{top:auto;bottom:105px;height:265px;width:calc(50% - 18px)}.studio-library{left:12px}.studio-inspector{right:12px}.studio-cards{grid-template-columns:1fr 1fr}.studio-tools{min-height:140px}.studio-open .viewport{height:calc(100dvh - 120px);min-height:900px}.studio-tools>div{min-width:150px}.design-window .heading{display:block}.design-window .heading h1{font-size:14px}.design-window .brand span{display:none}.design-window .simulation-chip{font-size:10px}.design-window .heading p{font-size:11px}.design-nav{height:62px}.design-nav button{font-size:12px}.studio-status span{display:none}}

.design-nav #dwRate{width:82px;flex:0 0 82px}.design-nav .tw-file{font-size:12px;white-space:nowrap}.design-nav strong{max-width:240px;white-space:normal}.design-nav{scrollbar-width:thin}

.scene-studio{margin-bottom:0}.scene-studio aside{transform:none;z-index:2}.studio-open .design-map-preview{visibility:hidden}