:root{color-scheme:dark;--bg:#141414;--panel:#1a1a1a;--raised:#242424;--line:#303030;--text:#ececec;--muted:#989898;--accent:var(--accent-text);--error:var(--accent-text);--amber:var(--accent-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:#282828;color:var(--text);padding:9px 12px;transition:background .15s,border-color .15s}button:hover{background:#383838;border-color:#5e5e5e}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{color:var(--text);background:#151515;border:1px solid #3b3b3b;border-radius:5px;padding:9px;min-width:0}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;margin:0}input[type=color]{padding:3px;height:36px;width:44px}input[type=number]{font-variant-numeric:tabular-nums;width:100%}label{color:#b0b0b0;font-size:13px}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:12px}.brand{display:flex;align-items:center;font-size:19px;font-weight:750;letter-spacing:1.5px;gap:10px}.brandmark{display:grid;place-items:center;color:var(--accent);border:1px solid #515151;border-radius:8px;font-size:29px;width:37px;height:37px}.beta{font-size:10px;font-weight:500;letter-spacing:1.7px;color:var(--muted);border-left:1px solid var(--line);padding-left:17px;margin-left:9px}.head-actions{display:flex;align-items:center;gap:10px}.head-actions #saved{font-size:12px;margin-right:12px}.primary,.small-primary{background:var(--accent);border-color:var(--accent);color:#181818;font-weight:650}.primary:hover,.small-primary:hover{background:var(--accent-text);border-color:var(--accent-text)}.primary{padding:11px 17px}.icon{width:35px;min-width:35px;padding:7px;font-size:18px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.textbtn{padding:0;background:none;border:0;color:var(--accent);font-size:12px}.small-primary{padding:6px 10px;font-size:13px}.projectbar{height:61px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.projectbar>div{display:flex;align-items:center;gap:12px}#planName{background:none;border:0;font-size:16px;font-weight:600;padding:5px 0;width:210px}.project-sep{color:#4c4c4c}.history button{border:0;background:transparent;font-size:23px;padding:4px 7px}.history select{font-size:12px;margin-left:8px;padding:7px}main{display:grid;grid-template-columns:263px minmax(320px,1fr) 275px;height:calc(100dvh - 171px);min-height:580px}.left,.right{background:var(--panel);overflow-y:auto;scrollbar-width:thin}.left{border-right:1px solid var(--line);display:flex;flex-direction:column}.right{border-left:1px solid var(--line)}.panelhead{display:flex;align-items:center;justify-content:space-between;padding:21px 18px 15px;gap:10px}.panelhead h2{font-size:14px;font-weight:600;margin:0}.trailer-card{margin:0 16px;border:1px solid var(--line);border-radius:7px;padding:15px;background:linear-gradient(115deg,#272727,#202020)}.trailer-top{display:flex;gap:10px;align-items:center;font-weight:550;font-size:14px}.trailer-icon{font-size:26px;color:var(--accent)}.dimrow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;gap:6px}.dimrow b{display:block;font-weight:500;font-size:15px;margin-top:5px}.dimrow span{font-size:11px;color:var(--muted)}.door{border-top:1px solid #3b3b3b;margin-top:13px;padding-top:11px;color:#acacac;font-size:12px}.equipment-head{margin-top:7px}.count{font-size:11px;background:#343434;color:#aaaaaa;padding:2px 6px;border-radius:4px;margin-left:5px}.object-list{padding:0 10px;flex:1}.object-row{padding:12px 10px;border:1px solid transparent;border-radius:6px;margin-bottom:5px;cursor:pointer;display:flex;gap:10px;align-items:center;position:relative}.object-row:hover{background:#272727}.object-row.selected{background:#2e2e2e;border-color:#626262}.obj-icon{border-radius:4px;width:32px;height:34px;display:grid;place-items:center;flex:none;font-size:20px}.object-row .obj-info{min-width:0;flex:1}.obj-name{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obj-dims{font-size:11px;color:var(--muted);margin-top:5px}.row-status{font-size:15px;color:var(--error)}.object-row.unloaded{opacity:.55}.left-bottom{padding:20px 17px;border-top:1px solid var(--line);margin-top:15px}.label-line{display:flex;justify-content:space-between;font-size:12px}.label-line b{font-weight:500;color:var(--accent)}.progress{height:4px;border-radius:9px;background:#383838;margin:12px 0}.progress>div{height:100%;background:var(--accent);border-radius:9px}.wide{width:100%}.left-bottom .wide{font-size:12px;margin-top:8px}.workspace{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 55% 45%,#262626,#161616 78%)}.viewbar{display:flex;align-items:center;justify-content:space-between;padding:18px 21px 0;gap:6px}.segmented{display:flex;background:#191919;border:1px solid #373737;border-radius:7px;padding:4px;gap:2px}.segmented button{border:0;background:none;color:#969696;padding:7px 11px;font-size:12px}.segmented button.active{background:#424242;color:var(--accent-text)}.viewbar>.icon{background:#242424;color:#acacac}#stage{position:relative;flex:1;min-height:330px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#scene{cursor:grab}#scene:active{cursor:grabbing}.stage-label{position:absolute;top:20px;left:24px;display:flex;flex-direction:column;gap:6px;pointer-events:none}#viewTitle{font-size:11px;font-weight:600;letter-spacing:1.8px;color:#c5c5c5}#viewScale{font-size:9px;letter-spacing:1.2px;color:#747474}.sample-notice{position:absolute;top:19px;right:20px;padding:7px 9px;background:#282828;border:1px solid #404040;border-radius:4px;font-size:10px;color:#c6c6c6}.sample-notice button{border:0;background:none;color:var(--accent);font-size:10px;padding:0 0 0 6px}.canvas-tools{position:absolute;right:20px;top:50%;display:flex;flex-direction:column;padding:4px;background:#212121;border:1px solid #3d3d3d;border-radius:7px;gap:3px}.canvas-tools button{background:transparent;border:0;width:31px;height:30px;padding:0;font-size:19px;color:#bebebe}.tool-divider{height:1px;background:var(--line);margin:4px}.canvas-legend{position:absolute;bottom:18px;left:23px;display:flex;gap:15px;font-size:10px;color:#8c8c8c;pointer-events:none}.canvas-legend span{display:flex;align-items:center;gap:6px}.legendbox{width:7px;height:7px;border:1px solid var(--accent);display:inline-block}.legendbox.error{border-color:var(--error)}.workspace-controls{min-height:53px;border-top:1px solid var(--line);background:#1c1c1c;display:flex;align-items:center;padding:9px 19px;gap:15px;flex-wrap:wrap}.workspace-controls label{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.workspace-controls select{padding:5px;font-size:11px}.control-spacer{flex:1}.clearance-label input{width:43px;padding:5px;font-size:11px}.statusbar{min-height:44px;background:#181818;border-top:1px solid var(--line);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.status-good{color:var(--accent)}.status-error{color:var(--error)}.status-warn{color:var(--amber)}#interactionHint{font-size:10px;text-align:right}#inspector{padding:0 18px 20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field input,.field select{width:100%;font-size:13px}.field label,.field>span{font-size:12px;color:#9e9e9e}.group-title{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#888888;margin:22px 0 12px;font-weight:600}.fields3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fields2{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.fields3 .field,.fields2 .field{margin-bottom:10px}.fields3 input{padding:8px 6px}.field .suffix{font-size:10px;color:var(--muted)}.row{display:flex;align-items:center;gap:9px}.row.spread{justify-content:space-between}.colors{display:flex;gap:8px;align-items:center}.swatch{width:22px;height:22px;border-radius:50%;padding:0;border:2px solid transparent}.swatch.active{border-color:white}.subtle{font-size:11px;color:var(--muted);line-height:1.65}.divider{border-top:1px solid var(--line);margin:20px 0}.ins-actions{display:flex;gap:7px}.ins-actions button{flex:1;font-size:12px;padding:9px 5px}.danger{color:#f08d8d}.issue{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text);border-radius:5px;padding:10px 11px;font-size:12px;line-height:1.5;margin:7px 0}.issue.warning{background:#282828;border-color:#444444;color:#da9195}.issue.good{background:#2b2b2b;border-color:#484848;color:var(--accent-text)}.checkline{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:12px;color:#b4b4b4}.checkline label{display:flex;align-items:center;gap:8px;font-size:12px}footer{height:36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:9px;letter-spacing:.7px}footer .muted{letter-spacing:0;margin-left:13px}dialog{background:#1f1f1f;border:1px solid #4e4e4e;border-radius:12px;padding:0;color:var(--text);width:min(94vw,660px);max-height:90dvh;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#0d0d0dbd;backdrop-filter:blur(6px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#1f1f1f;z-index:1}.modal-head h2{font-size:18px;margin:0}#modalBody{padding:23px}#modalBody p{font-size:14px;color:#b0b0b0;line-height:1.65}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.presetgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:23px}.preset{padding:18px 10px;text-align:center}.preset strong{display:block;font-size:13px;margin-top:9px}.preset>span{font-size:28px;color:var(--accent)}.preset.active{background:#393939;border-color:var(--accent)}.modal-note{padding:12px;background:#2a2a2a;border-radius:6px;font-size:12px;color:#b9b9b9;line-height:1.6}.saved-layout{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 0}.saved-layout>div{flex:1}.saved-layout button{font-size:12px}.saved-layout small{display:block;color:var(--muted);margin-top:5px}.renderpreview{width:100%;border-radius:5px;border:1px solid var(--line)}.export-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.key{padding:2px 5px;background:#383838;border-radius:3px;font-family:monospace}#toast{position:fixed;bottom:53px;left:50%;transform:translateX(-50%) translateY(30px);background:#ebc2c4;color:#222222;border-radius:7px;padding:13px 22px;box-shadow:0 7px 40px #0008;z-index:10;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;font-size:13px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#emptyOverlay{position:absolute;top:45%;left:10%;right:10%;text-align:center;color:var(--muted);pointer-events:none}.scrolltable{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:9px;border-bottom:1px solid #3c3c3c;white-space:nowrap}th{color:#acacac}.empty-ins{padding:25px 0;color:var(--muted);line-height:1.7;font-size:14px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#444444;border-radius:5px}@media(min-width:1600px){main{grid-template-columns:290px minmax(320px,1fr) 302px}.object-row{padding:16px 11px}.obj-name{font-size:14px}.field input,.field select{font-size:14px}.stage-label{top:35px}.workspace-controls label,.workspace-controls select{font-size:12px}}@media(max-width:1150px){main{grid-template-columns:225px minmax(310px,1fr) 240px}.head-actions #saved,.beta{display:none}.viewbar{padding:15px 12px 0}.segmented button{padding:7px 8px}.sample-notice{top:60px;right:15px}.workspace-controls{gap:10px;padding:8px 12px}.statusbar{flex-direction:column;align-items:flex-start;gap:5px}#interactionHint{text-align:left}}@media(max-width:860px){header{padding:0 14px;height:66px}.brand{font-size:16px}.head-actions button{font-size:12px;padding:9px}.head-actions .icon{display:none}.projectbar{padding:0 14px;flex-wrap:wrap;height:auto;min-height:60px;gap:4px}.projectbar #projectSummary{display:none}.projectbar>div{gap:5px}.projectbar #planName{width:180px}.project-sep{display:none}main{grid-template-columns:205px minmax(0,1fr);height:auto;min-height:0}.workspace{height:650px}.right{grid-column:1/-1;border-top:1px solid var(--line);border-left:0}.right #inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.right #inspector .ins-top{grid-column:1/-1}.left{height:650px}.viewbar{align-items:flex-start}.segmented{flex-wrap:wrap}.stage-label{top:12px;left:15px}.sample-notice{top:53px;left:15px;right:auto;font-size:9px}.workspace-controls{gap:8px}.control-spacer{display:none}footer{font-size:9px;padding:0 14px}footer>span:last-child{display:none}}@media(max-width:540px){header{height:auto;min-height:65px;gap:8px;flex-wrap:wrap;padding:12px}.head-actions{gap:5px}.head-actions .primary span{font-size:11px}.head-actions .primary{padding:8px}.head-actions #projectBtn{font-size:11px}.brandmark{width:28px;height:28px;font-size:24px}.brand{font-size:13px;gap:5px}.projectbar{padding:9px 12px}.projectbar #planName{width:155px;font-size:14px}.history select{font-size:10px;width:94px}.history{gap:0!important}.history button{padding:3px}main{display:flex;flex-direction:column}.workspace{order:0;height:570px;min-height:570px}.left{order:1;height:auto;border-right:0}.left .trailer-card{display:none}.left>.panelhead:first-child{padding-top:13px}.equipment-head{border-top:1px solid var(--line);margin-top:0}.object-list{display:grid;grid-template-columns:1fr 1fr}.left-bottom{padding:13px 18px;margin-top:8px}.right{order:2}#inspector{display:block!important}.sample-notice{top:46px}.segmented button{padding:7px 9px}.canvas-legend{bottom:13px}.workspace-controls{min-height:75px}.workspace-controls label{font-size:11px}.right .panelhead{padding-top:18px}.fields3 input{font-size:16px}.fields3 label{font-size:12px}.presetgrid{gap:6px}.preset strong{font-size:11px}.modal-head,#modalBody{padding:17px}.head-actions #saved{display:none}#renderBtn{white-space:nowrap}}

/* Keep working controls legible at desktop and browser zoom. */
.field label,.field>span,.checkline,.checkline label,.obj-dims,.subtle,.workspace-controls label,.workspace-controls select,.label-line,.door,.textbtn,.small-primary,.ins-actions button{font-size:12px}.obj-name,.field input,.field select,.panelhead h2,.segmented button{font-size:14px}.stage-label #viewScale,.canvas-legend,#interactionHint,.sample-notice,.sample-notice button{font-size:11px}.beta{font-size:11px}.group-title{font-size:11px}.statusbar{font-size:12px}.trailer-card .dimrow span{font-size:12px}.trailer-card .dimrow b{font-size:16px}
@media(max-width:1150px){.segmented button{font-size:12px;padding:7px 6px}}@media(max-width:860px){.obj-name{font-size:13px}.obj-dims{font-size:11px}.sample-notice,.sample-notice button{font-size:10px}}

:root{--bg:#0c0c0c;--panel:#151515;--raised:#202020;--line:#2f2f2f;--text:#ececec;--muted:#a0a0a0;--accent:var(--accent-text);--amber:var(--accent-text)}
header{background:#0c0c0c}.brandmark{color:var(--accent-text);border-color:#585858;background:#1a1a1a}.brand{letter-spacing:1px;font-size:17px}.beta{font-size:10px}
.primary,.small-primary{background:linear-gradient(135deg,var(--accent-text),var(--accent));color:#131313;border-color:var(--accent-text)}.primary:hover,.small-primary:hover{background:var(--accent-text);border-color:var(--accent-text)}
.workspace{background:radial-gradient(ellipse at 55% 45%,#222222,#0e0e0e 78%)}.trailer-card{background:linear-gradient(115deg,#232323,#1b1b1b)}.segmented button.active{background:#353535;color:var(--accent-text)}.object-row.selected{background:#272727;border-color:var(--accent-line)}.object-row:hover{background:#232323}.segmented{background:#151515}.viewbar>.icon,.canvas-tools{background:#1d1d1d}.workspace-controls{background:#191919}.statusbar{background:#121212}.status-good{color:var(--accent-text)}.issue.good{background:#222222;border-color:#4a4a4a;color:var(--accent-text)}.preset.active{background:#2f2f2f;border-color:var(--accent-text)}#toast{background:var(--accent-text);color:#1b1b1b}.sample-notice{background:#222222;border-color:#4c4c4c;color:var(--accent-text)}
.wheel-section{margin-top:20px;padding:1px 12px 5px;border:1px solid #404040;border-radius:7px;background:#1a1a1a}.wheel-section .group-title{color:var(--accent-text)}.wheel-badge{font-size:10px;letter-spacing:1px;color:var(--accent-text)}.wheel-total{padding:12px 0;border-top:1px solid #393939}.wheel-total span,.wheel-total small{display:block;font-size:12px;color:#a4a4a4}.wheel-total strong{display:block;font-size:14px;font-weight:500;line-height:1.6;margin:5px 0;color:var(--accent-text)}.save-status{font-size:12px;color:var(--accent-text);padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--line);line-height:1.5}#saveBtn{border-color:#585858;color:var(--accent-text);white-space:nowrap}
@media(max-width:1280px){.beta{display:none}.head-actions #saved{display:none}}@media(max-width:860px){.brand{font-size:14px;letter-spacing:.5px}.head-actions{gap:5px}#saveBtn{font-size:11px;padding:9px 7px}}@media(max-width:540px){header{justify-content:center;gap:10px}.brand{font-size:16px}.head-actions{width:100%;justify-content:center}.head-actions #projectBtn,.head-actions #saveBtn{font-size:12px}.workspace{height:570px}.sample-notice{max-width:calc(100% - 30px)}}

/* Compact, expandable controls with a black and red palette. */
:root{--bg:#0b0b0c;--panel:#141416;--raised:#202023;--line:#303034;--text:#f2f2f3;--muted:#a3a3aa;--accent:var(--accent);--error:var(--accent-text);--amber:var(--accent-text)}
header{background:#0b0b0c}.brandmark{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.primary,.small-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover,.small-primary:hover{background:var(--accent);border-color:var(--accent-text)}.workspace{background:radial-gradient(ellipse at 55% 45%,#222225,#0b0b0d 78%)}.trailer-card{background:#1d1d20}.segmented button.active{background:var(--accent-soft);color:var(--accent-text)}.object-row.selected{background:var(--accent-soft);border-color:var(--accent)}.object-row:hover{background:#242427}.segmented{background:#151518}.canvas-tools,.viewbar>.icon{background:#1d1d20}.workspace-controls,.statusbar{background:#141416}.status-good{color:#c8c8ce}.issue.good{background:#202023;border-color:#3a3a3e;color:#d1d1d7}.preset.active{background:var(--accent-soft);border-color:var(--accent)}#toast{background:#303034;color:#fff;border:1px solid var(--accent)}.sample-notice{background:#252528;border-color:#55555d;color:#c8c8cd}.sample-notice button{color:var(--accent-text)}#saveBtn{border-color:var(--accent-line);color:var(--accent-text)}.save-status{color:#aaaab1}.wheel-total{border-color:#3a3a3f}.wheel-total strong{color:#e1e1e6}.wheel-total span,.wheel-total small{color:#aaaab0}
#inspector{display:block!important;padding:0 13px 18px}.object-overview{padding:3px 5px 17px}.object-overview strong{display:block;font-size:16px;overflow-wrap:anywhere}.object-overview span{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:5px}.object-overview small{display:block;font-size:12px;color:#d0d0d6;margin-top:7px}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:550;user-select:none}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:20px;font-weight:400;color:#9b9ba3;flex:none}details[open]>summary::after{content:'−';color:var(--accent-text)}summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.option-section{border:1px solid var(--line);border-radius:6px;margin-bottom:8px;background:#19191c}.option-section>summary{padding:12px 13px}.option-section>summary small{font-size:12px;font-weight:400;color:var(--muted);display:block;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.option-section[open]{border-color:#514047}.option-section[open]>summary{border-bottom:1px solid #333035}.section-body{padding:14px 12px}.section-body .field:last-child{margin-bottom:0}.section-body .subtle:last-child{margin-bottom:0}.section-body .colors{gap:6px;flex-wrap:wrap}
.side-section{border-bottom:1px solid var(--line)}.side-section>summary{padding:17px 18px}.side-section .panelhead{padding-top:3px}.side-section .trailer-card{margin-bottom:15px;display:block}.equipment-section{flex:1}.equipment-section .equipment-head{margin-top:0}.left-bottom{margin-top:0;padding:13px 16px}.left-bottom .save-status{margin:0;padding:5px 0 12px}.left-bottom .side-section{border:0}.left-bottom .side-section>summary{padding:13px 0}.left-bottom .side-section .label-line{margin-top:7px}
.view-settings{background:#161618;border-top:1px solid var(--line)}.view-settings>summary{padding:10px 20px;font-size:12px;color:#b6b6be}.view-settings>.workspace-controls{border-top:1px solid var(--line)}.view-settings[open]>summary{color:#eee}
.weight-card{margin:15px 16px;padding:15px;border:1px solid #3c3c42;background:#1c1c1f;border-radius:7px}.weight-title{font-size:12px;color:#aaaab2}.weight-reading{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:8px}.weight-reading strong{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}.weight-reading span{font-size:12px;color:#9f9fa7}.weight-remaining{font-size:13px;line-height:1.5;color:#d0d0d8}.weight-card .progress{background:#343439}.weight-card .progress>div{background:var(--accent)}.weight-card.over-limit{border-color:#f15d68;background:#2f191e}.weight-card.over-limit .weight-remaining{color:#ff9ba3;font-weight:600}.weight-card.over-limit .progress>div{background:#ef4c58}.weight-settings{margin-top:10px;border-top:1px solid #39393d}.weight-settings>summary{font-size:12px;color:#c4c4cc;padding:10px 0 0}.weight-settings>.section-body{padding:13px 0 0}.weight-settings label{display:block;font-size:12px;line-height:1.5;margin-bottom:6px}#weightMissing{font-size:11px;line-height:1.5;margin-top:5px}.weight-card input{font-size:14px}
@media(max-width:860px){.weight-card{margin:12px 10px;padding:12px}.side-section>summary{padding:15px 14px}.right #inspector{max-width:650px;margin:auto}}@media(max-width:540px){.left{height:auto}.equipment-section{flex:none}.weight-card{margin:14px 16px}.view-settings>.workspace-controls{min-height:0}.left .trailer-card{display:block}.side-section .equipment-head{border:0}.object-list{padding-bottom:10px}.option-section>summary{padding:14px}.workspace{height:590px;min-height:590px}.right #inspector{max-width:none}}

.brandmark{display:block;border:0;background:transparent;width:43px;height:43px;flex:none}.brandmark svg{display:block;width:100%;height:100%}.brand-wordmark{display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:1.15;letter-spacing:2px;font-weight:550}.brand-wordmark strong{font-size:20px;letter-spacing:3.8px;font-weight:700}.brand .beta{margin-left:8px}.right>.side-section{margin:0 13px;border-bottom:1px solid #303034}.right>.side-section>summary{padding:17px 5px}.right>.side-section .panelhead{padding:4px 5px 12px}.right>.side-section .trailer-card{margin:0 0 14px}.right>.side-section .panelhead h2{display:none}.right>.side-section .panelhead{justify-content:flex-end}.walls-section>summary{justify-content:flex-start}.walls-section>summary::after{margin-left:auto}.walls-section #wallSummary{color:var(--muted);font-size:11px;font-weight:400}.walls-section .section-body{padding:4px 5px 14px}.wall-buttons{display:flex;gap:8px;margin-bottom:15px}.wall-buttons button{flex:1;font-size:12px}.wall-options{display:grid;grid-template-columns:1fr;gap:13px}.wall-options label{display:flex;align-items:center;gap:9px;font-size:13px;color:#d1d1d7}.opacity-control{margin-top:19px}.opacity-control>label{display:flex;justify-content:space-between;font-size:12px}.opacity-control input{width:100%;height:23px;padding:0;accent-color:var(--accent);margin-top:7px}.right>.panelhead{padding-top:19px}@media(max-width:860px){.right>.side-section{max-width:624px;margin-left:auto;margin-right:auto}.right>.side-section .trailer-card{max-width:100%}.wall-options{grid-template-columns:1fr 1fr}.brand-wordmark{font-size:10px}.brand-wordmark strong{font-size:18px}.brandmark{width:39px;height:39px}}@media(max-width:540px){.right>.side-section{margin:0 14px}.brand-wordmark{font-size:10px}.brandmark{width:37px;height:37px}.brand-wordmark strong{font-size:18px}}

/* Mobile workspace: one working surface at a time. Desktop remains three columns. */
.mobile-only,.mobile-nav{display:none}
@media(max-width:900px){
 html{height:100%;overflow:hidden}body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;width:100%;overscroll-behavior:none}
 header{height:62px;min-height:62px;flex:none;padding:8px 12px;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.brand{gap:8px;min-width:0}.brandmark{width:36px;height:36px}.brand-wordmark{font-size:9px;letter-spacing:1.2px}.brand-wordmark strong{font-size:18px;letter-spacing:2.8px}.beta{display:none}.head-actions{width:auto;gap:7px;flex:none}.head-actions #saved,.head-actions #saveBtn,.head-actions #projectBtn,.head-actions #helpBtn{display:none}.mobile-only{display:inline-block}.desktop-label{display:none}#renderBtn{min-height:42px;padding:8px 10px;font-size:13px;border-radius:7px}#renderBtn .mobile-only{font-size:13px}.head-actions #mobileMenuBtn{display:block;min-height:44px;min-width:44px;padding:6px;background:#202024;font-size:16px;letter-spacing:1px}
 .projectbar{flex:none;height:50px;min-height:50px;padding:2px 12px;gap:8px;flex-wrap:nowrap;background:#121214}.projectbar>div:first-child{flex:1;min-width:0}.projectbar #planName{font-size:16px;width:100%;min-width:0;max-width:none;padding:7px 0;height:44px;white-space:nowrap;text-overflow:ellipsis}.projectbar .project-sep,.projectbar #projectSummary{display:none}.projectbar .history{flex:none;gap:0!important}.history button{height:44px;width:44px;padding:3px;font-size:26px}.history #units{display:none}
 main{display:block;position:relative;flex:1;min-height:0;height:auto;width:100%;overflow:hidden;isolation:isolate}
 .left,.right,.workspace{height:100%;min-height:0;max-height:none;width:100%;margin:0;border:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .left,.right,.workspace{display:none}body[data-mobile-pane="plan"] .workspace{display:flex;flex-direction:column;overflow:hidden}body[data-mobile-pane="equipment"] .left{display:flex;flex-direction:column}body[data-mobile-pane="trailer"] .right,body[data-mobile-pane="object"] .right{display:block}
 body[data-mobile-pane="trailer"] .right>.panelhead,body[data-mobile-pane="trailer"] #inspector{display:none!important}body[data-mobile-pane="object"] .right>.side-section{display:none}body[data-mobile-pane="object"] #inspector{display:block!important}
 .right>.side-section{max-width:680px;margin:0 auto;padding:0 17px}.right>.side-section>summary{padding:17px 0;font-size:16px;min-height:54px}.right>.side-section .panelhead{padding-bottom:12px}.right #trailerBtn{min-height:44px;padding:8px 12px;font-size:14px}.right>.side-section .trailer-card{margin-bottom:18px;display:block}.right>.panelhead{padding:19px 17px 15px}.right>.panelhead h2{font-size:16px}.right #inspector{max-width:680px;margin:auto;padding:0 14px 24px;display:block!important}.trailer-card .dimrow b{font-size:21px}.trailer-card .door{font-size:14px}.wall-options{grid-template-columns:1fr 1fr;gap:8px}.wall-options label{font-size:14px;min-height:44px}.wall-buttons button{min-height:44px;font-size:14px}.opacity-control label{font-size:14px}.opacity-control input{height:40px}.walls-section #wallSummary{font-size:13px}.walls-section .subtle{font-size:13px}
 .workspace .viewbar{flex:none;height:54px;min-height:54px;padding:6px 12px;align-items:center;gap:10px}.workspace #views{display:none}.workspace #mobileView{display:block;min-height:42px;max-width:230px;width:calc(100% - 55px);font-size:16px;padding:8px 11px;background:#202024}.workspace #fitView{width:44px;height:44px;min-width:44px;margin-left:auto;padding:8px}
 #stage{flex:1;min-height:100px;min-width:0;width:100%}#scene{width:100%;height:100%;touch-action:none}.stage-label{left:14px;top:12px;gap:4px}#viewTitle{font-size:10px;letter-spacing:1.3px}#viewScale{font-size:9px}.sample-notice{top:47px;left:12px;right:auto;max-width:calc(100% - 24px);padding:7px 8px;font-size:10px;line-height:1.3}.sample-notice button{font-size:11px;padding-left:4px;min-height:26px}.sample-notice[hidden]{display:none}.canvas-tools{right:10px;top:50%;transform:translateY(-50%);gap:0;padding:2px;border-radius:8px}.canvas-tools button{width:40px;height:42px;font-size:23px}.tool-divider{margin:2px 4px}.canvas-legend{bottom:9px;left:14px;gap:13px;font-size:10px}
 .selection-strip{display:flex;flex:none;min-height:57px;padding:8px 12px;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #303034;background:#1b1b1f}.selection-strip>div{flex:1;min-width:0}.selection-strip span{display:block;font-size:9px;color:#92929d;letter-spacing:1px;margin-bottom:4px}.selection-strip strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550;font-size:14px}.selection-strip button{min-height:40px;padding:8px 12px;font-size:13px;border-color:var(--accent-line);color:var(--accent-text);flex:none}
 .view-settings{flex:none;max-height:35%;overflow-y:auto}.view-settings>summary{padding:8px 14px;min-height:38px;font-size:12px}.view-settings>.workspace-controls{padding:12px;min-height:0;gap:12px;display:grid;grid-template-columns:1fr 1fr;background:#1a1a1e}.workspace-controls label{font-size:13px;min-height:34px}.workspace-controls input[type=checkbox]{width:20px;height:20px}.workspace-controls select{height:40px;font-size:14px}.workspace-controls .control-spacer{display:none}.workspace-controls .clearance-label{grid-column:1/-1;justify-content:flex-start}.workspace-controls .clearance-label input{width:75px;font-size:16px}.workspace .statusbar{min-height:34px;max-height:58px;padding:7px 13px;flex:none;display:block;font-size:11px;overflow:auto}#interactionHint{display:none}
 .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:none;position:relative;z-index:4;background:#18181c;border-top:1px solid #38383e;padding:5px max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));min-height:64px}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:53px;padding:5px 2px;border:0;border-radius:7px;color:#9999a3;background:transparent;font-size:11px;font-weight:500}.mobile-nav svg{width:22px;height:22px}.mobile-nav button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent-text)}.mobile-nav button:focus-visible{outline-offset:-2px}footer{display:none}
 .left .weight-card{margin:14px 14px 10px;flex:none;padding:14px}.weight-title{font-size:13px}.weight-reading strong{font-size:27px}.weight-reading span{font-size:13px}.weight-remaining{font-size:14px}#weightMissing{font-size:12px}.weight-settings>summary{min-height:43px;font-size:14px}.weight-settings>.section-body{padding-top:9px}.equipment-section{flex:1;border-bottom:0}.equipment-section>summary{min-height:50px;padding:14px 17px;font-size:16px}.equipment-head{margin:0;padding:2px 15px 12px}.equipment-head h2{display:none}.equipment-head .small-primary{min-height:44px;padding:9px 18px;font-size:14px;width:100%}.equipment-head~.small{font-size:13px}.object-list{display:block;padding:0 12px 14px}.object-row{min-height:67px;padding:12px;margin-bottom:6px}.obj-icon{width:38px;height:38px}.obj-name{font-size:15px}.obj-dims{font-size:12px;line-height:1.5}.left-bottom{padding:12px 17px 20px;flex:none}.left-bottom .save-status{font-size:12px}.side-section>summary{font-size:14px;min-height:48px}.left-bottom .wide{min-height:44px;font-size:14px}
 .object-overview{padding:3px 4px 17px}.object-overview strong{font-size:19px}.object-overview span,.object-overview small{font-size:13px}.option-section{margin-bottom:10px;border-radius:8px}.option-section>summary{padding:14px;min-height:65px;font-size:15px}.option-section>summary small{font-size:13px}.section-body{padding:16px 14px}.section-body button{min-height:44px;font-size:14px}.section-body input:not([type=checkbox]):not([type=color]):not([type=range]),.section-body select{font-size:16px;min-height:44px}.section-body input[type=checkbox]{width:20px;height:20px;flex:none}.section-body .checkline{min-height:35px}.section-body .checkline label{font-size:14px}.section-body .subtle{font-size:13px}.section-body .field label{font-size:13px}.section-body .swatch{min-height:30px;min-width:30px;width:30px;height:30px}.section-body input[type=color]{height:40px;width:45px}.fields2,.fields3{gap:10px}
 dialog{width:min(96vw,600px);max-height:calc(100dvh - 28px);border-radius:13px;padding:0;margin:auto;overflow:auto}#modalBody{padding:18px}.modal-head{padding:15px 18px;min-height:64px}.modal-head h2{font-size:18px}.modal-head .icon{width:44px;min-width:44px;height:44px;font-size:25px}.modal-actions{gap:10px;flex-wrap:wrap}.modal-actions button{min-height:46px;font-size:15px;flex:1}.modal-actions button:only-child{flex:1}.preset{padding:12px 8px;min-height:95px}.preset strong{font-size:12px}.presetgrid{gap:9px;margin-bottom:18px}dialog input:not([type=checkbox]):not([type=color]),dialog select{font-size:16px!important;min-height:44px}dialog label{font-size:13px}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-actions button{min-height:48px;font-size:13px;padding:9px}.saved-layout{flex-wrap:wrap}.saved-layout>div{min-width:calc(100% - 120px);overflow-wrap:anywhere}.saved-layout button{min-height:44px}#modalBody>.row{flex-wrap:wrap}#modalBody>.row>.field{flex:1;min-width:150px;margin-bottom:0}#modalBody>.row>button{min-height:44px}.phone-menu{display:flex;flex-direction:column;gap:13px}.phone-menu>button{min-height:48px;font-size:15px;text-align:left}.phone-menu .field{margin:4px 0}.phone-menu .field label{font-size:14px}.phone-menu .subtle{font-size:13px;margin:0}#toast{bottom:calc(78px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px);width:max-content;font-size:13px;padding:13px 16px;line-height:1.5}
}
@media(max-width:900px) and (max-height:550px){
 header{height:50px;min-height:50px;padding-top:4px;padding-bottom:4px}.projectbar{height:42px;min-height:42px}.mobile-nav{min-height:49px;padding-top:3px;padding-bottom:max(3px,env(safe-area-inset-bottom))}.mobile-nav button{flex-direction:row;min-height:40px;gap:7px}.mobile-nav svg{width:18px;height:18px}.workspace .viewbar{height:45px;min-height:45px;padding-top:2px;padding-bottom:2px}.workspace #mobileView{height:39px;min-height:39px}.selection-strip{min-height:45px;padding-top:4px;padding-bottom:4px}.selection-strip span{display:none}.workspace .statusbar{display:none}.view-settings>summary{min-height:30px;padding:4px 14px}.sample-notice{top:8px;left:160px;max-width:calc(100% - 175px)}.stage-label{top:8px}.canvas-tools{flex-direction:row;top:auto;bottom:6px;transform:none;right:10px}.canvas-tools button{width:39px;height:35px}.tool-divider{width:1px;height:25px;margin:5px 2px}.canvas-legend{display:none}
}
@media(min-width:901px) and (max-width:1100px){main{grid-template-columns:220px minmax(320px,1fr) 245px}.viewbar{padding-left:12px;padding-right:12px}.segmented button{padding:7px 6px}.head-actions{gap:6px}.brand .beta{display:none}.head-actions #saved{display:none}}
@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}

.checklist-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text);border-radius:7px;min-height:42px;padding:8px 13px;text-decoration:none;font-size:14px;white-space:nowrap}.checklist-link:hover{background:var(--accent-soft)}.checklist-link:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}@media(max-width:900px){.checklist-link{font-size:12px;padding:7px 9px;min-height:40px;flex:none}.projectbar .history button{width:36px}.projectbar .history{gap:0}}

.inventory-connection{display:flex;gap:6px;align-items:center;margin:0 14px 10px;color:#aaaab6;font-size:12px}.inventory-connection span{flex:1}.inventory-connection button{min-width:32px;padding:4px;background:transparent;border:0;font-size:20px}.inventory-picker-top{display:flex;gap:12px;align-items:center;margin-bottom:15px}.inventory-picker-top input{flex:1;min-width:0}.inventory-picker-top a,.inventory-pick a{font-size:14px;color:var(--accent-text);white-space:nowrap}.inventory-pick{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #3a3a42}.inventory-pick>div{flex:1;min-width:0}.inventory-pick strong{display:block;font-size:15px;overflow-wrap:anywhere}.inventory-pick small{display:block;font-size:12px;color:#a6a6b2;margin-top:5px}.inventory-pick button{min-height:44px;min-width:70px}.legacy-inventory{border:1px solid var(--accent-line);border-radius:7px;padding:13px;margin-bottom:12px}.legacy-inventory summary{font-size:13px}#inventoryPicker{max-height:50dvh;overflow:auto}.brand[role=link]{cursor:pointer}

.inventory-connection #inventoryStatus{flex:1;font-size:12px;text-align:left;line-height:1.5;color:var(--accent-text)}.inventory-connection #inventoryStatus:hover{background:var(--accent-soft)}

/* Layout Assist uses the tour accent and remains reachable on every screen. */
.workspace .viewbar{flex-wrap:wrap;height:auto;min-height:54px;gap:8px}.suggest-button{margin-left:auto;white-space:nowrap;min-height:40px;border-color:var(--accent-line);color:var(--accent-text);background:var(--accent-soft);font-size:13px;padding:8px 12px}.assist-kicker{font-size:10px;letter-spacing:1.7px;color:var(--accent-text);font-weight:600}.assist-intro h3{font-size:25px;line-height:1.2;margin:10px 0}.assist-intro p{font-size:13px;line-height:1.65;color:var(--muted)}.assist-settings{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:20px 0}.assist-settings>label{display:flex;gap:13px;padding:16px;cursor:pointer;align-items:flex-start}.assist-settings>label+label{border-top:1px solid var(--line)}.assist-settings input{width:20px;height:20px;flex:none;margin:1px 0;accent-color:var(--accent)}.assist-settings strong{font-size:14px;font-weight:550;display:block}.assist-settings small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.assist-viewbar{display:flex;align-items:center;gap:10px;margin:15px 0 10px;font-size:13px}.assist-viewbar select{margin-left:auto;max-width:180px}#assistCanvas{display:block;width:100%;height:280px;background:#111114;border:1px solid var(--line);border-radius:9px}.assist-detail{padding:14px 0;border-top:1px solid var(--line)}.assist-detail summary{font-size:13px}.assist-results{max-height:240px;overflow:auto;margin-top:10px}.assist-results>div{padding:9px 0}.assist-results strong,.assist-results small{display:block;overflow-wrap:anywhere;font-size:13px}.assist-results small{font-size:12px;color:var(--muted);margin-top:5px}.assist-unplaced{border:1px solid #725c3a;border-radius:8px;padding:14px;margin:14px 0;font-size:13px;background:#292216}.assist-unplaced p,.assist-unplaced li{font-size:12px;line-height:1.6;overflow-wrap:anywhere}#assistStatus{font-size:13px;line-height:1.6;color:var(--accent-text)}
@media(max-width:900px){.workspace .viewbar{flex-wrap:nowrap;gap:6px}.workspace #mobileView{min-width:0;flex:1;width:auto;padding-left:8px;padding-right:4px}.workspace #suggestBtn{font-size:12px;padding:8px;min-height:44px;flex:none}.workspace #fitView{width:36px;min-width:36px;flex:none}.assist-settings>label{padding:14px}.assist-intro h3{font-size:23px}#assistApply{flex-basis:100%;white-space:normal}}
