/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#20211f;--paper:#f7f3e8;--canvas:#e8e5dc;--line:#cfcbc0;--muted:#706f69;--orange:#ed6a28;--orange-dark:#bd4714;--green:#567d51;--red:#b94b37}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{color:var(--ink);background:var(--paper);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{background:var(--paper);min-height:100vh}.topbar{background:var(--ink);color:#fff;border-bottom:3px solid var(--orange);z-index:20;grid-template-columns:310px 1fr 390px;align-items:center;height:68px;padding:0 22px;display:grid;position:relative}.brand{color:inherit;align-items:center;gap:11px;width:max-content;text-decoration:none;display:flex}.brand-mark{border:2px solid var(--orange);width:36px;height:36px;color:var(--orange);font:900 15px/1 var(--font-geist-mono);place-items:center;display:grid;transform:skew(-6deg)}.brand strong{letter-spacing:1.7px;font-family:Impact,Arial Narrow,sans-serif;font-size:21px;line-height:1;display:block}.brand small{color:#aaa9a3;font:600 8px/1 var(--font-geist-mono);letter-spacing:1.8px;margin-top:3px;display:block}.header-center{color:#d4d3cd;justify-self:center;align-items:center;gap:9px;font-size:12px;display:flex}.header-disclaimer{color:#f2c94c;font:800 8px/1.35 var(--font-geist-mono);letter-spacing:.45px;text-transform:uppercase;white-space:nowrap;border-left:1px solid #5b5c57;margin-left:5px;padding:4px 0 4px 14px}.fit-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ffffff0f}.fit-dot.good{background:#7ca774}.fit-dot.bad{background:#e66b52}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.autosave{color:#8d8d87;font-size:10px}.button{letter-spacing:.1px;cursor:pointer;border:0;min-height:38px;padding:0 15px;font-size:12px;font-weight:750;transition:transform .15s,background .15s}.button:active{transform:translateY(1px)}.button-light{color:var(--ink);background:#efeee8}.button-light:hover{background:#fff}.button-install{color:#f2c94c;background:0 0;border:1px solid #6c6d68;min-height:34px;padding:0 11px;font-size:10px}.button-install:hover{background:#f2c94c14;border-color:#f2c94c}.button-primary{background:var(--orange);color:#fff;box-shadow:inset 0 -2px #0000002e}.button-primary:hover{background:#f47737}.button-quiet{background:#e4e0d5}.workspace{grid-template-columns:292px minmax(460px,1fr) 300px;height:calc(100vh - 68px);min-height:720px;display:grid}.workspace.hide-left{grid-template-columns:minmax(460px,1fr) 300px}.workspace.hide-right{grid-template-columns:292px minmax(460px,1fr)}.workspace.hide-left.hide-right{grid-template-columns:minmax(0,1fr)}.sidebar{background:var(--paper);z-index:2;padding:24px 22px;position:relative;overflow-y:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-hide{min-height:27px;color:var(--muted);font:700 9px var(--font-geist-mono);text-transform:uppercase;cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:10px}.panel-hide:hover{color:var(--orange)}.panel-hide-right{left:10px;right:auto}.section-heading{margin-bottom:19px}.section-heading.compact{margin-bottom:13px}.eyebrow{color:var(--muted);font:700 9px/1.3 var(--font-geist-mono);letter-spacing:1.4px;text-transform:uppercase;display:block}h1,h2{letter-spacing:.6px;text-transform:uppercase;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-weight:800}h1{margin-top:4px;font-size:29px;line-height:1}h2{margin-top:4px;font-size:22px}.section-heading h2 span{color:var(--orange);vertical-align:top;font-size:14px}.field-label,.dimension-grid label>span{color:#555650;text-transform:uppercase;letter-spacing:.7px;margin:15px 0 7px;font-size:10px;font-weight:800;display:block}.select,.text-input{width:100%;height:42px;color:var(--ink);background:#fffefa;border:1px solid #bbb8ae;border-radius:0;outline:none;padding:0 11px;font-size:13px}.select:focus,.text-input:focus,.input-unit:focus-within{border-color:var(--orange);box-shadow:0 0 0 2px #ed6a2829}.dimension-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-unit{background:#fffefa;border:1px solid #bbb8ae;align-items:center;height:42px;display:flex}.input-unit input{width:100%;min-width:0;height:100%;font:700 15px var(--font-geist-mono);background:0 0;border:0;outline:none;padding:0 9px}.input-unit b{color:#8a887f;font:700 9px var(--font-geist-mono);padding-right:9px}.segmented{border:1px solid #bdb9ad;grid-template-columns:repeat(3,1fr);display:grid}.segmented button{cursor:pointer;background:#e9e5da;border:0;height:38px;font-size:12px;font-weight:750}.segmented button+button{border-left:1px solid #bdb9ad}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:inset 0 -3px var(--orange)}.feature-controls{gap:8px;margin-top:14px;display:grid}.feature-check{cursor:pointer;background:#ece8dd;border:1px solid #0000;align-items:center;gap:9px;min-height:46px;padding:7px 9px;display:flex}.feature-check:hover{border-color:#c5c0b4}.feature-check.disabled{opacity:.55;cursor:not-allowed}.feature-check input{accent-color:var(--orange)}.feature-check span,.feature-check strong,.feature-check small{display:block}.feature-check strong{font-size:10px}.feature-check small{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.35}.door-side-label{color:var(--muted);text-transform:uppercase;grid-template-columns:74px 1fr;align-items:center;gap:8px;padding-left:10px;font-size:9px;font-weight:700;display:grid}.compact-select{height:34px;font-size:10px}.v-nose-note{color:var(--muted);font:700 8px/1.45 var(--font-geist-mono);margin-top:6px;display:block}.floor-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.floor-grid button{text-align:left;color:#555650;cursor:pointer;background:#fffefa;border:1px solid #bbb8ae;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:46px;padding:6px;font-size:9px;font-weight:750;display:grid}.floor-grid button:hover{border-color:#8f8c82}.floor-grid button.selected{border-color:var(--orange);box-shadow:inset 0 -3px var(--orange);color:var(--ink)}.floor-swatch{border:1px solid #22221f73;width:30px;height:30px;display:block;box-shadow:inset 0 0 0 1px #ffffff40}.divider{border-top:1px solid var(--line);margin:23px 0}.vehicle-list{gap:7px;display:grid}.vehicle-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;width:100%;min-height:56px;padding:7px;display:grid}.vehicle-row:hover{background:#eeeadf}.vehicle-row.selected{border-color:var(--orange);box-shadow:3px 0 0 var(--orange) inset;background:#fffefa}.vehicle-swatch{color:#fffffff2;width:38px;height:38px;font:800 11px var(--font-geist-mono);place-items:center;display:grid}.vehicle-swatch.with-art{background:#ddd9cf;overflow:hidden}.vehicle-swatch img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000038);width:94%;height:94%}.vehicle-row strong,.vehicle-row small{display:block}.vehicle-row strong{font-size:12px}.vehicle-row small{color:var(--muted);font:500 9px var(--font-geist-mono);margin-top:4px}.row-status{font:800 8px var(--font-geist-mono);padding:4px 5px}.row-status.pass{color:var(--green);background:#dce8d8}.row-status.fail{color:var(--red);background:#f5d9d2}.add-button{width:100%;margin-top:12px}.add-button span{vertical-align:-1px;font-size:18px}.canvas-panel{background:var(--canvas);grid-template-rows:auto minmax(0,1fr) 38px;min-width:0;display:grid;overflow:hidden}.canvas-toolbar{background:#f7f3e8a3;border-bottom:1px solid #c5c2b8;justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:9px 19px;display:flex}.canvas-toolbar>div:first-child strong{font:800 14px/1.5 var(--font-geist-mono);display:block}.toolbar-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.check{margin-right:9px;font-size:11px;font-weight:650}.check input{accent-color:var(--orange);vertical-align:-2px}.icon-button{cursor:pointer;background:#f8f5ec;border:1px solid #aaa79d;width:30px;height:30px;font-size:17px}.icon-button:hover{border-color:var(--orange)}.toolbar-button{color:#5f605a;cursor:pointer;white-space:nowrap;background:#f8f5ec;border:1px solid #aaa79d;min-height:30px;padding:0 9px;font-size:9px;font-weight:750}.toolbar-button:hover{border-color:var(--orange);color:var(--ink)}.toolbar-button.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:inset 0 -2px var(--orange)}.rotate-trailer{color:var(--ink)}.fit-button{border-color:#9b9a92}.zoom-label{text-align:center;min-width:42px;font:700 10px var(--font-geist-mono)}.planning-surface{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#ddd9cf;background-image:linear-gradient(#42403b0e 1px,#0000 1px),linear-gradient(90deg,#42403b0e 1px,#0000 1px);background-size:18px 18px;min-height:0;padding:46px 52px 80px 75px;display:block;overflow:auto}.planning-surface.panning{cursor:grabbing}.bed-wrap{min-width:96px;margin:0 auto;transition:width .2s;position:relative}.trailer-bed{z-index:2;touch-action:none;background-color:#f5f1e6;background-image:linear-gradient(#3c3d3917 1px,#0000 1px),linear-gradient(90deg,#3c3d3917 1px,#0000 1px);background-size:7.14286% 3.57143%;border:5px solid #4a4b47;width:100%;position:relative;box-shadow:0 9px 22px #2a2a2726}.trailer-bed.enclosed{border-width:10px;border-color:#2b2c29;box-shadow:inset 0 0 0 2px #686a65,0 9px 22px #2a2a272b}.trailer-bed.v-nose{background:#292a27;border:0;box-shadow:0 9px 22px #2a2a2733}.v-nose-interior{z-index:0;pointer-events:none;background-color:#f5f1e6;background-image:linear-gradient(#3c3d3917 1px,#0000 1px),linear-gradient(90deg,#3c3d3917 1px,#0000 1px);background-size:7.14286% 3.57143%;position:absolute;inset:9px;box-shadow:inset 0 0 0 2px #686a65}.floor-plywood{background-color:#bd9056;background-image:linear-gradient(90deg,#4b2b1457 1px,#0000 1px),repeating-linear-gradient(7deg,#5c371c1c 0 1px,#deb77d14 1px 7px,#0000 7px 13px);background-size:33.333% 100%,100% 100%}.floor-natural-plank{background-color:#b8844c;background-image:repeating-linear-gradient(6deg,#0000 0 13px,#5b35192e 14px 15px,#0000 16px 29px),repeating-linear-gradient(90deg,#67401f 0 2px,#c89458 2px 31px,#e0b475 31px 33px,#704620 33px 35px);background-size:100% 100%}.floor-gray-plank{background-color:#92938f;background-image:repeating-linear-gradient(7deg,#0000 0 12px,#14151452 13px 14px,#0000 15px 27px),repeating-linear-gradient(90deg,#303230 0 2px,#858782 2px 30px,#b1b2ad 30px 33px,#343633 33px 35px);background-size:100% 100%}.floor-checker{background-color:#d9d9d4;background-image:conic-gradient(#292a28 25%, #dddcd7 0 50%, #292a28 0 75%, #dddcd7 0);background-size:28px 28px}.floor-flake{background-color:#777b7c;background-image:linear-gradient(128deg,#0000 46%,#202223 47% 53%,#0000 54%),linear-gradient(38deg,#0000 47%,#e6e5df 48% 53%,#0000 54%),linear-gradient(153deg,#0000 47%,#aeb2b2 48% 54%,#0000 55%),linear-gradient(72deg,#0000 48%,#3b3e3f 49% 53%,#0000 54%),linear-gradient(115deg,#ffffff14,#191b1b14);background-position:0 0,7px 4px,3px 9px,11px 2px,0 0;background-size:17px 19px,23px 21px,29px 17px,31px 27px,100% 100%}.floor-steel{background-color:#858c8e;background-image:linear-gradient(#ffffff24 1px,#0000 1px),repeating-linear-gradient(90deg,#656c6e 0 3px,#a8adae 3px 10px,#d0d3d3 10px 12px,#858b8d 12px 19px);background-size:100% 48px,100% 100%}.trailer-bed.v-nose.floor-plywood,.trailer-bed.v-nose.floor-natural-plank,.trailer-bed.v-nose.floor-gray-plank,.trailer-bed.v-nose.floor-checker,.trailer-bed.v-nose.floor-flake,.trailer-bed.v-nose.floor-steel{background:#292a27}.v-body-line{top:var(--nose-depth-pct);z-index:3;text-align:center;pointer-events:none;border-top:1px dashed #53544e99;position:absolute;left:2%;right:2%}.v-body-line span{color:#8c8b83;font:700 6px var(--font-geist-mono);letter-spacing:.6px;background:#f5f1e6;padding:1px 4px;position:relative;top:-7px}.front-label{color:#8c8b83;font:700 8px var(--font-geist-mono);letter-spacing:1px;white-space:nowrap;position:absolute;top:8px;left:50%;transform:translate(-50%)}.ramp-line{text-align:center;border-top:2px dashed #8d8b82;position:absolute;bottom:5px;left:0;right:0}.ramp-line span{color:#8c8b83;font:700 7px var(--font-geist-mono);background:#f5f1e6;padding:0 5px;position:relative;top:-7px}.ramp-line.lowered{border-top-style:solid;border-top-color:#5f605a}.wall-label{color:#aaa89f;font:700 6px var(--font-geist-mono);letter-spacing:1.5px;writing-mode:vertical-rl;position:absolute;top:50%;transform:translateY(-50%)}.wall-left{left:-8px}.wall-right{right:-8px;transform:translateY(-50%)rotate(180deg)}.side-door{z-index:4;background:#b7b7af;border:2px solid #2f302d;place-items:center;width:15px;height:23%;display:grid;position:absolute;top:16%;box-shadow:inset 0 0 0 2px #dedbd1}.v-nose .side-door{top:calc(var(--nose-depth-pct) + 3%)}.side-door:after{content:"";background:var(--orange);border-radius:50%;width:4px;height:4px;position:absolute;top:50%}.side-door span{color:#51524d;font:800 6px var(--font-geist-mono);letter-spacing:.5px;writing-mode:vertical-rl}.door-left{left:-3px}.door-left:after{right:2px}.door-right{right:-3px}.door-right:after{left:2px}.wheel-well{z-index:3;background:#75766f;border:2px solid #343532;width:7%;height:18%;position:absolute;top:48%;transform:translateY(-50%)}.left-wheel{border-radius:0 50% 50% 0;left:-2px}.right-wheel{border-radius:50% 0 0 50%;right:-2px}.trailer-tongue{aspect-ratio:1.6;z-index:1;color:#454642;pointer-events:none;position:absolute;bottom:100%;left:50%;overflow:visible;transform:translate(-50%)}.trailer-tongue:before,.trailer-tongue:after{content:"";background:#5d5f59;border:1px solid #242522;width:80%;height:7px;position:absolute;bottom:0;box-shadow:0 2px 2px #0000002e}.trailer-tongue:before{transform-origin:0;left:0;transform:rotate(-51.3deg)}.trailer-tongue:after{transform-origin:100%;right:0;transform:rotate(51.3deg)}.tongue-crossmember{z-index:2;background:#666861;border:1px solid #242522;height:7px;position:absolute;bottom:10%;left:15%;right:15%;box-shadow:0 2px 2px #00000029}.trailer-tongue b{font:800 7px var(--font-geist-mono);letter-spacing:.8px;z-index:4;background:#ddd9cf;padding:2px 4px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.v-nose-wrap:not(.rotated) .trailer-tongue{bottom:calc(100% - var(--nose-depth-pct))}.v-nose-wrap .tongue-crossmember{bottom:76%;left:38%;right:38%}.v-nose-wrap .trailer-tongue b{top:18%}.lowered-ramp{z-index:1;background-color:#aaa9a2;background-image:repeating-linear-gradient(90deg,#0000 0 9%,#3a3b3738 9% 10%);border:5px solid #4a4b47;border-top-width:7px;position:absolute;top:100%;left:5%;right:5%;box-shadow:0 8px 16px #0000002e}.lowered-ramp:before{content:"";background:#292a27;height:5px;position:absolute;top:-8px;left:-5px;right:-5px}.lowered-ramp span{color:#555650;font:800 7px var(--font-geist-mono);white-space:nowrap;background:#ece8ddd6;padding:3px 5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trailer-bed.rotated .front-label{top:50%;left:auto;right:8px;transform:translateY(-50%)rotate(90deg)}.trailer-bed.rotated .v-body-line{top:2%;bottom:2%;left:calc(100% - var(--nose-depth-pct));border-top:0;border-left:1px dashed #53544e99;right:auto}.trailer-bed.rotated .v-body-line span{white-space:nowrap;position:absolute;top:50%;left:-34px;transform:translateY(-50%)rotate(90deg)}.trailer-bed.rotated .ramp-line{border-top:0;border-right:2px dashed #8d8b82;width:0;inset:0 auto 0 5px}.trailer-bed.rotated .ramp-line span{white-space:nowrap;position:absolute;top:50%;left:-30px;transform:translateY(-50%)rotate(90deg)}.trailer-bed.rotated .wall-left{writing-mode:horizontal-tb;top:-8px;left:50%;transform:translate(-50%)}.trailer-bed.rotated .wall-right{writing-mode:horizontal-tb;inset:auto auto -8px 50%;transform:translate(-50%)rotate(180deg)}.trailer-bed.rotated .side-door{width:23%;height:15px;top:auto;left:64%}.trailer-bed.v-nose.rotated .side-door{left:calc(100% - var(--nose-depth-pct) - 26%)}.trailer-bed.rotated .side-door span{writing-mode:horizontal-tb}.trailer-bed.rotated .side-door:after{top:4px}.trailer-bed.rotated .door-left{top:-3px;bottom:auto;right:auto}.trailer-bed.rotated .door-left:after{left:auto;right:3px}.trailer-bed.rotated .door-right{bottom:-3px;right:auto}.trailer-bed.rotated .door-right:after{left:3px}.trailer-bed.rotated .wheel-well{width:18%;height:7%;top:auto;left:48%;transform:translate(-50%)}.trailer-bed.rotated .left-wheel{border-radius:0 0 50% 50%;top:-2px}.trailer-bed.rotated .right-wheel{border-radius:50% 50% 0 0;bottom:-2px;right:auto}.bed-wrap.rotated .trailer-tongue{transform-origin:50% 100%;inset:50% auto auto 100%;transform:translate(-50%,-100%)rotate(90deg)}.v-nose-wrap.rotated .trailer-tongue{left:calc(100% - var(--nose-depth-pct))}.bed-wrap.rotated .lowered-ramp{background-image:repeating-linear-gradient(0deg,#0000 0 9%,#3a3b3738 9% 10%);border-width:5px 7px 5px 5px;height:auto;inset:5% 100% 5% auto}.bed-wrap.rotated .lowered-ramp:before{width:5px;height:auto;inset:-5px -8px -5px auto}.measure{color:#666760;font:700 8px var(--font-geist-mono);position:absolute}.measure:before,.measure:after{content:"";background:#777870;position:absolute}.measure-width{text-align:center;border-top:1px solid #777870;top:-25px;left:0;right:0}.measure-width:before,.measure-width:after{width:1px;height:8px;top:-4px}.measure-width:before{left:0}.measure-width:after{right:0}.measure-width span{background:#ddd9cf;padding:0 6px;position:relative;top:-16px}.measure-length{border-left:1px solid #777870;top:0;bottom:0;left:-31px}.measure-length:before,.measure-length:after{width:8px;height:1px;left:-4px}.measure-length:before{top:0}.measure-length:after{bottom:0}.measure-length span{white-space:nowrap;background:#ddd9cf;padding:0 6px;position:absolute;top:50%;left:-1px;transform:translate(-50%,-50%)rotate(-90deg)}.cargo{cursor:grab;color:#fff;z-index:5;transform-origin:50%;touch-action:none;border:2px solid #232320bf;border-radius:8px 8px 12px 12px;min-width:18px;min-height:28px;padding:0;position:absolute;box-shadow:0 3px 8px #00000038,inset 0 0 0 1px #ffffff3d}.cargo:active{cursor:grabbing}.cargo.selected{outline:2px solid var(--orange);outline-offset:5px;z-index:8}.cargo.out{outline:3px dashed var(--red);outline-offset:3px}.cargo.has-art{box-shadow:none;border:0;border-radius:0}.cargo-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #19191757);width:100%;height:100%;position:absolute;inset:0}.cargo-motorcycle{min-width:13px;box-shadow:none;border:0;border-radius:45%;background:0 0!important}.cargo-car{border-radius:28% 28% 18% 18%}.cargo-utv{border-radius:7px}.cargo-mower{border-radius:4px 4px 12px 12px}.cargo-rectangle{background-image:repeating-linear-gradient(0deg,#ffe4ae2e 0 2px,#0000 2px 22%),linear-gradient(90deg,#0000 47%,#492711b3 47% 53%,#0000 53%);border:4px solid #5f3a1e;border-radius:2px;box-shadow:inset 0 0 0 3px #d3a065,inset 0 0 0 7px #4a29144d,0 3px 8px #00000040;background-color:#a96e35!important}.cargo-pallet{background-image:repeating-linear-gradient(90deg,#c99a61 0 14%,#79512c 14% 19%);border:3px solid #60401f;border-radius:1px;box-shadow:inset 0 5px #4f31178c,inset 0 -5px #4f31178c,0 3px 8px #00000038;background-color:#b98750!important}.cargo-hexBox{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background-image:radial-gradient(circle,#d9aa6a 0 11%,#75461f 12% 16%,#0000 17%),repeating-linear-gradient(0deg,#ffe5b529 0 2px,#0000 2px 18%);border:0;border-radius:0;box-shadow:inset 0 0 0 7px #66401f,0 3px 8px #00000038;background-color:#a56b32!important}.cargo-barrel55{border:3px solid #353d43;border-radius:50%;box-shadow:inset 0 0 0 2px #b9c5ca,0 3px 8px #00000047;background:radial-gradient(circle,#758792 0 13%,#9aabb5 14% 38%,#4b5961 40% 45%,#899ba6 47% 62%,#303a40 64% 70%,#71828c 72%)!important}.cargo-rectangle .cargo-centerline,.cargo-rectangle .cargo-cab,.cargo-rectangle .cargo-wheel,.cargo-pallet .cargo-centerline,.cargo-pallet .cargo-cab,.cargo-pallet .cargo-wheel,.cargo-hexBox .cargo-centerline,.cargo-hexBox .cargo-cab,.cargo-hexBox .cargo-wheel,.cargo-barrel55 .cargo-centerline,.cargo-barrel55 .cargo-cab,.cargo-barrel55 .cargo-wheel{display:none}.cargo-rectangle .cargo-name,.cargo-pallet .cargo-name,.cargo-hexBox .cargo-name,.cargo-barrel55 .cargo-name{color:#fff9e9;text-shadow:none;background:#291d12b8;padding:2px 3px;bottom:50%;transform:translate(-50%,50%)}.cargo-centerline{border-left:1px dashed #ffffff73;position:absolute;top:8%;bottom:8%;left:50%}.cargo-cab{background:#1e1f1c3d;border:1px solid #ffffffa6;border-radius:6px 6px 2px 2px;height:34%;position:absolute;top:15%;left:14%;right:14%}.cargo-wheel{background:#252622;border-radius:3px;width:12%;height:19%;position:absolute}.w1{top:14%;left:-7%}.w2{top:14%;right:-7%}.w3{bottom:14%;left:-7%}.w4{bottom:14%;right:-7%}.cargo-name{max-width:90%;font:800 clamp(5px, .65vw, 9px) var(--font-geist-mono);text-shadow:0 1px 2px #00000080;white-space:nowrap;position:absolute;bottom:11%;left:50%;overflow:hidden;transform:translate(-50%)}.cargo.has-art .cargo-name{opacity:0;background:#20211fd1;border-radius:2px;padding:2px 4px;transition:opacity .15s;bottom:4%}.cargo.has-art:hover .cargo-name,.cargo.has-art.selected .cargo-name{opacity:1}.rotate-handle{background:var(--orange);color:#fff;cursor:crosshair;touch-action:none;z-index:12;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:grid;position:absolute;box-shadow:0 1px 4px #00000059}.rotate-nw{top:-13px;left:-13px}.rotate-ne{top:-13px;right:-13px}.rotate-se{bottom:-13px;right:-13px}.rotate-sw{bottom:-13px;left:-13px}.bike-wheel{aspect-ratio:1;background:#d4d0c6;border:3px solid #272824;border-radius:50%;width:72%;position:absolute;left:50%;transform:translate(-50%)}.bike-wheel.top{top:0}.bike-wheel.bottom{bottom:0}.bike-body{background:inherit;border:2px solid #272824;border-radius:45%;width:42%;position:absolute;top:18%;bottom:18%;left:50%;transform:translate(-50%)}.cargo-motorcycle .cargo-name{writing-mode:vertical-rl;top:50%;bottom:auto;transform:translate(-50%,-50%)rotate(180deg)}.cargo-motorcycle.has-art .cargo-name{writing-mode:horizontal-tb;top:auto;bottom:4%;transform:translate(-50%)}.canvas-footer{color:#77766e;background:#e6e2d7;border-top:1px solid #c5c2b8;justify-content:space-between;align-items:center;padding:0 17px;font-size:9px;display:flex}.canvas-footer b{color:var(--orange);margin-right:4px}.scale-key{align-items:center;gap:6px;display:flex}.scale-key i{border:1px solid #aaa69b;width:14px;height:14px;display:block}.fit-card{color:#fff;grid-template-columns:43px 1fr;align-items:center;gap:11px;min-height:96px;padding:16px;display:grid}.fit-card.pass{background:var(--green)}.fit-card.fail{background:var(--red)}.fit-icon{width:38px;height:38px;font:800 20px var(--font-geist-mono);border:2px solid #ffffffbf;border-radius:50%;place-items:center;display:grid}.fit-card .eyebrow{color:#ffffffb8}.fit-card h2{font-size:26px}.fit-card p{color:#fffc;margin:3px 0 0;font-size:9px}.utilization{padding-top:20px}.utilization>div:first-child{justify-content:space-between;font-size:11px;font-weight:700;display:flex}.utilization strong{font:800 15px var(--font-geist-mono)}.meter{background:#ddd8cc;height:7px;margin:8px 0;overflow:hidden}.meter i{background:var(--orange);height:100%;display:block}.utilization small{color:var(--muted);font-size:9px;line-height:1.5}.inspector .text-input{margin-bottom:1px}.rotation-row{margin-top:17px}.rotation-row label{text-transform:uppercase;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.rotation-row input{width:100%;accent-color:var(--orange);margin:13px 0 9px}.rotation-buttons{grid-template-columns:1fr 1fr 1fr;display:grid}.rotation-buttons button{cursor:pointer;background:#fffefa;border:1px solid #bbb8ad;border-right:0;height:30px;font-size:9px}.rotation-buttons button:last-child{border-right:1px solid #bbb8ad}.rotation-buttons button:hover{background:#eee9dd}.clearance-grid{background:#cbc7bc;border:1px solid #cbc7bc;grid-template-columns:1fr 1fr;gap:1px;margin-top:19px;display:grid}.clearance-grid span{background:#eeeadf;padding:10px}.clearance-grid small,.clearance-grid b{display:block}.clearance-grid small{color:var(--muted);text-transform:uppercase;font-size:8px}.clearance-grid b{font:800 13px var(--font-geist-mono);margin-top:3px}.delete-button{width:100%;height:34px;color:var(--red);cursor:pointer;background:0 0;border:1px solid #d4a89e;margin-top:13px;font-size:10px;font-weight:700}.delete-button:hover{background:#f3ded9}.empty-inspector{text-align:center;color:var(--muted);padding:80px 20px}.empty-inspector>span{color:var(--orange);font-size:30px}.empty-inspector h2{color:var(--ink);margin-top:15px}.empty-inspector p{font-size:11px;line-height:1.6}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#191a18b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-top:5px solid var(--orange);width:min(470px,100%);padding:28px;position:relative;box-shadow:0 24px 70px #00000059}.modal h2{margin-top:6px;font-size:28px}.modal>p{color:var(--muted);margin:8px 0 18px;font-size:11px;line-height:1.55}.modal-close{cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:24px;position:absolute;top:11px;right:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:23px;display:flex}.install-modal{width:min(520px,100%)}.install-steps{gap:10px;margin:20px 0 15px;padding:0;list-style:none;display:grid}.install-steps li{border-left:3px solid var(--orange);background:#ece8dd;grid-template-columns:34px 1fr;align-items:center;gap:11px;min-height:48px;padding:8px 11px;font-size:12px;line-height:1.45;display:grid}.install-steps b{background:var(--ink);color:#fff;width:27px;height:27px;font:800 11px var(--font-geist-mono);border-radius:50%;place-items:center;display:grid}.install-steps strong{color:var(--orange-dark)}.install-note{background:#fffefa;border:1px solid #c8c3b7;padding:10px 12px;color:#565751!important;margin-top:12px!important}@media (width<=1100px){.topbar{grid-template-columns:260px 1fr 220px}.header-center,.autosave{display:none}.workspace{grid-template-columns:260px minmax(430px,1fr);height:auto;min-height:calc(100vh - 68px)}.workspace.hide-left,.workspace.hide-left.hide-right{grid-template-columns:minmax(0,1fr)}.workspace.hide-right{grid-template-columns:260px minmax(430px,1fr)}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:260px 1fr 1fr;gap:22px;display:grid;overflow:visible}.right-panel .divider{display:none}.inspector{grid-column:2/-1}.empty-inspector{grid-column:2/-1;padding:20px}}@media (width<=760px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 14px}.brand small,.button-light{display:none}.header-actions{display:flex}.header-actions:after{display:none}.workspace{flex-direction:column;min-height:0;display:flex}.sidebar{overflow:visible}.left-panel{border-right:0;border-bottom:1px solid var(--line)}.right-panel{order:3;display:block}.canvas-panel{order:2;min-height:760px}.planning-surface{padding:48px 42px 80px 62px;overflow:auto}.canvas-toolbar{align-items:flex-start;padding:8px 12px}.canvas-toolbar .eyebrow,.check{display:none}.toolbar-controls{gap:5px}.toolbar-button{padding:0 7px}.canvas-footer{justify-content:center}.canvas-footer>span:first-child{display:none}}@media print{@page{margin:.4in}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body,.app-shell{min-height:0;background:#fff!important}.topbar,.left-panel,.right-panel,.canvas-toolbar,.canvas-footer{display:none!important}.workspace{height:auto;min-height:0;display:block}.canvas-panel{display:block}.planning-surface{height:auto;min-height:0;padding:70px 70px 90px;overflow:visible;background:#fff!important}.bed-wrap{margin:0 auto;transition:none;width:min(70%,440px)!important;transform:none!important}.trailer-bed,.v-nose-interior,.lowered-ramp{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.trailer-bed,.lowered-ramp{box-shadow:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
