._viewport_r3t5h_1{background:linear-gradient(#eef5f8 0%,#dce7ec 100%);border:1px solid #cbd5e1;border-radius:14px;min-height:20rem;display:flex;position:relative;overflow:hidden}._canvas_r3t5h_11{inset:0;position:absolute!important}._cargoTooltip_r3t5h_16{z-index:3;pointer-events:none;color:#fff;overflow-wrap:anywhere;background:#203245;border-radius:5px;max-width:min(280px,100vw - 16px);padding:6px 9px;font-size:14px;line-height:1.5;position:fixed;box-shadow:0 2px 8px #142b4530}._controls_r3t5h_31{pointer-events:none;z-index:2;flex-wrap:wrap;gap:.35rem;max-width:calc(100% - 1.5rem);margin:12px;display:flex;position:absolute;top:0;left:0;right:0}._controls_r3t5h_31 button{color:#25364a;min-height:2.25rem;font:inherit;cursor:pointer;background:#ffffffe6;border:1px solid #47556959;border-radius:7px;padding:.4rem .7rem;font-size:16px;box-shadow:0 2px 8px #0f172a14}._controls_r3t5h_31 button:hover,._controls_r3t5h_31 button:focus-visible{background:#fff;border-color:#2563eb;outline:2px solid #0000}._controlsWithInventory_r3t5h_64{left:calc(var(--left-panel-width) + 12px);max-width:none}._truckVisualControls_r3t5h_66{color:#25364a;background:#fffffff0;border:1px solid #cbd5e1;border-radius:7px;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;max-width:100%;padding:.35rem .5rem;font-size:16px;display:flex}._truckVisualControls_r3t5h_66 label{align-items:center;gap:.25rem;display:flex}._truckVisualControls_r3t5h_66 select{max-width:100%;min-height:32px;color:inherit;font:inherit;background:#fff;border:1px solid #bbcbd6;border-radius:5px}._truckVisualControls_r3t5h_66 small{overflow-wrap:anywhere}._truckVisualControls_r3t5h_66 a{color:#245786}._unplacedPages_r3t5h_72{z-index:2;color:#25364a;background:#ffffffeb;border:1px solid #cbd5e1;border-radius:7px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;max-width:calc(100% - 1.5rem);padding:.3rem .45rem;font-size:14px;display:flex;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 2px 8px #0f172a14}._unplacedPages_r3t5h_72 button{min-height:30px;color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #bbcbd6;border-radius:5px;padding:3px 8px}._unplacedPages_r3t5h_72 button:disabled{opacity:.5;cursor:default}._mouseGuidePanel_r3t5h_76{z-index:2;color:#203c55;pointer-events:none;background:#ffffffe0;border:1px solid #cfdeeb;border-radius:9px;max-width:calc(100% - 24px);padding:8px 10px;font-size:14px;line-height:1.4;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 7px #244b6812}._mouseGuidePanel_r3t5h_76 ul{margin:0;padding:0;list-style:none}._mouseGuidePanel_r3t5h_76 li{overflow-wrap:anywhere}._rotationButtons_r3t5h_79{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:3px;max-width:min(340px,100vw - 24px);display:flex;transform:translateY(-40px)}._rotationButtons_r3t5h_79 button{pointer-events:auto;white-space:nowrap;padding:3px 6px;font-size:16px}._scene_r3t5h_81{flex-direction:column;min-width:0;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden}._canvasHost_r3t5h_82{flex:1 1 0;min-width:0;min-height:0;position:relative}._unplacedInventory_r3t5h_83{z-index:3;box-sizing:border-box;background:#fffffff2;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;width:clamp(130px,22vw,320px);min-width:0;min-height:0;padding:12px;font-size:16px;line-height:1.5;display:flex;position:absolute;top:12px;bottom:138px;left:12px}._unplacedInventory_r3t5h_83 h3{overflow-wrap:anywhere;flex:none;margin:0 0 10px;font-size:16px;font-weight:600}._inventoryScroll_r3t5h_85{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}._inventoryScroll_r3t5h_85:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}._inventoryScroll_r3t5h_85 ul{margin:0;padding:0;list-style:none}._inventoryScroll_r3t5h_85 li{overflow-wrap:anywhere;border-bottom:1px solid #e0e7ed;padding:8px 0}._inventoryScroll_r3t5h_85 li span,._inventoryScroll_r3t5h_85 li strong{display:block}._inventoryScroll_r3t5h_85 li strong{font-weight:600}._inventoryNote_r3t5h_91{font-size:14px}@media (width<=800px){._unplacedInventory_r3t5h_83{padding:8px}}@media (width<=500px){._unplacedInventory_r3t5h_83{padding:6px;top:6px;bottom:138px;left:6px}._controls_r3t5h_31{max-width:calc(100% - 12px);margin:6px}}._fallback_r3t5h_96{color:#475569;text-align:center;place-items:center;min-height:30rem;padding:2rem;display:grid}@media (width<=640px){._mouseGuidePanel_r3t5h_76{max-width:calc(100% - 12px);padding:6px 8px;bottom:6px;left:6px}._viewport_r3t5h_1,._fallback_r3t5h_96{min-height:20rem}}._viewport_r3t5h_1{--left-panel-width:clamp(180px,22vw,320px);background:linear-gradient(#c8d9e5 0%,#e0ecf3 48%,#f3f9fc 100%);border-color:#c5dcef;box-shadow:0 2px 8px #244b680a}._controls_r3t5h_31 button{color:#163b6d;background:#fff;border-color:#d0dfed;border-radius:8px;font-weight:600;box-shadow:0 2px 6px #244b6810}._controls_r3t5h_31 button:hover,._controls_r3t5h_31 button:focus-visible{background:#eff6ff;border-color:#6ba0dd;outline-color:#8cbdff}._controls_r3t5h_31 [role=toolbar]{flex-wrap:wrap;align-items:center;gap:5px;display:flex}._controls_r3t5h_31{gap:8px}._truckVisualControls_r3t5h_66{margin-left:4px}._unplacedInventory_r3t5h_83{background:#fffffff5;border-color:#d2e2f1;border-radius:12px;box-shadow:0 3px 12px #17365020}._unplacedInventory_r3t5h_83 h3{color:#103266;padding-bottom:4px;font-weight:750}._inventoryScroll_r3t5h_85 ul{gap:10px;display:grid}._inventoryScroll_r3t5h_85 li{color:#193b63;background:linear-gradient(120deg,#f6faff,#fcfdff);border:1px solid #dce9f5;border-radius:10px;padding:12px}._inventoryScroll_r3t5h_85 li span{font-weight:600}._inventoryScroll_r3t5h_85 li strong{color:#0758c8;background:#e4f3ff;border-radius:6px;margin-top:7px;padding:3px 9px;font-weight:750;display:inline-block}@media (width<=500px){._inventoryScroll_r3t5h_85 li{padding:8px 6px}._inventoryScroll_r3t5h_85 li strong{padding:3px 5px}}._controls_r3t5h_31 button,._controls_r3t5h_31 select,._controls_r3t5h_31 label,._controls_r3t5h_31 a{pointer-events:auto}._leftPanels_r3t5h_132{z-index:3;width:var(--left-panel-width);pointer-events:none;flex-direction:column;gap:14px;min-height:0;display:flex;position:absolute;inset:12px auto 12px 12px}._leftPanels_r3t5h_132 ._unplacedInventory_r3t5h_83{pointer-events:auto;flex:1 1 0;width:100%;min-height:0;position:relative;inset:auto}._leftPanels_r3t5h_132 ._mouseGuidePanel_r3t5h_76{box-sizing:border-box;flex:none;width:100%;max-width:none;position:relative;inset:auto}@media (width<=500px){._leftPanels_r3t5h_132{gap:12px;inset:6px auto 6px 6px}}:root{color:#eaf5fb;font-synthesis:none;background:#edf4f8;font-family:Yu Gothic,Meiryo,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:not-allowed}button:disabled{opacity:.72}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #54e8f8}h1,h2,p{margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:linear-gradient(110deg,#071928,#092b40);border-bottom:2px solid #17cde4;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px 3%;display:flex}.identity{align-items:center;gap:12px;display:flex}.logo{color:#5feaff;text-shadow:0 0 10px #1fdaff;font-size:38px;line-height:1}.brand{white-space:nowrap;font-size:21px;font-weight:800}.demo-badge{color:#75edff;white-space:nowrap;border:1px solid #36d5e8;border-radius:4px;padding:3px 9px;font-size:12px;font-weight:700}.header nav{align-items:center;gap:24px;font-size:14px;font-weight:700;display:flex}.header nav a:hover{color:#85efff}.price-link{border:1px solid #4dddf2;border-radius:6px;padding:8px 15px}.price-link span{color:#62ebfa;margin-left:6px}main{color:#162f42;flex:1;padding:22px 3% 24px}.intro{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.eyebrow{letter-spacing:.17em;color:#1e8296;font-size:10px;font-weight:800}.intro h1{margin:3px 0;font-size:23px;line-height:1.45}.intro h1 span{color:#237689;margin-left:8px;font-size:13px}.intro p:not(.eyebrow){color:#587080;font-size:13px}.stage{color:#155e70;white-space:nowrap;font-size:13px;font-weight:700}.stage i{background:#29c4cf;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.stage span{color:#667f8e;margin-left:9px;font-weight:500}.workspace{background:#fff;border:1px solid #89a6b8;border-radius:8px;overflow:hidden;box-shadow:0 6px 22px #254b6030}.workspace-top{background:#f8fbfd;border-bottom:1px solid #c9d8e2;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;display:flex}.workspace-title{white-space:nowrap;align-items:center;gap:12px;display:flex}.workspace-icon{color:#16829a;background:#e0f4f7;border-radius:6px;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.workspace-title strong{font-size:16px}.workspace-title p{color:#66808e;font-size:11px}.workspace-title p span{color:#12869a;margin-left:4px;font-weight:700}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions button,.metric-buttons button,.view-controls button,.vehicle-tabs button{color:#476376;background:#f7fbfd;border:1px solid #a8bdca;border-radius:5px;padding:8px 12px;font-size:12px;font-weight:700}.vehicle-bar{color:#e9f6ff;background:#1c578e;justify-content:space-between;align-items:end;gap:15px;padding:9px 15px 0;display:flex}.vehicle-bar>span{padding-bottom:11px;font-size:12px}.vehicle-bar b,.metric-label span,.guide small{color:#9fdce9;margin-left:5px;font-size:10px;font-weight:700}.vehicle-tabs{gap:8px;display:flex}.vehicle-tabs button{color:#d8ebf5;background:#266aa0;border-color:#81acc3 #81acc3 currentColor;border-bottom-style:none;border-bottom-width:0;border-radius:6px 6px 0 0;padding:10px 15px}.vehicle-tabs button.active{color:#165078;opacity:1;background:#f6fbfe}.vehicle-tabs small{color:#448197;margin-left:4px;font-size:10px}.viewport{background:linear-gradient(#c8d9e5,#f3f9fc);height:clamp(440px,54vh,650px);min-height:440px;position:relative;overflow:hidden}.viewport:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#7799ab38 0 1px,#0000 1px 35px),repeating-linear-gradient(90deg,#7799ab38 0 1px,#0000 1px 50px);height:290px;position:absolute;bottom:-95px;left:25%;right:-10%;transform:perspective(500px)rotateX(65deg)}.inventory,.guide{z-index:1;color:#263e4e;background:#f9fcfeeb;border:1px solid #9cb8c9;border-radius:7px;width:230px;position:absolute;left:16px;box-shadow:0 3px 12px #244a601c}.inventory{padding:15px;top:16px}.panel-heading{border-bottom:1px solid #d8e5ed;align-items:center;gap:8px;padding-bottom:10px;display:flex}.panel-heading span{color:#1c8da3;font-size:20px}.panel-heading h2,.guide h2{font-size:15px}.panel-heading small{color:#478399;margin-left:auto;font-size:10px}.inventory>p{color:#607887;margin:13px 0;font-size:12px;line-height:1.7}.inventory-empty{text-align:center;color:#4a697c;border:1px dashed #a5becb;border-radius:5px;padding:15px 8px;font-size:12px}.inventory-empty span{color:#768f9e;font-size:10px}.guide{padding:12px 15px;bottom:16px}.guide h2{margin-bottom:7px}.guide small{color:#60899c}.guide p{color:#5d7380;font-size:11px;line-height:1.7}.guide p:last-child{color:#16758b;margin-top:5px}.view-controls{z-index:1;gap:6px;display:flex;position:absolute;top:16px;right:16px}.view-controls button{background:#fffd}.placeholder{text-align:center;color:#496b7e;z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0 0 0 250px}.cube{color:#2396a7;background:#e8f5f9a3;border:1px solid #8eb6c7;border-radius:20px;place-items:center;width:82px;height:82px;margin-bottom:17px;font-size:64px;line-height:1;display:grid;box-shadow:0 0 35px #28b5c51a}.overline{letter-spacing:.18em;color:#31869a;font-size:10px;font-weight:800}.placeholder h2{color:#294f66;margin:7px 0;font-size:20px}.placeholder>p:not(.overline){font-size:13px}.placeholder>span{color:#517b8b;border:1px solid #a6c4cf;border-radius:20px;margin-top:14px;padding:5px 12px;font-size:11px}.metrics{color:#fff;background:linear-gradient(#3370ad,#154f84);grid-template-columns:1.1fr 1.2fr 1fr .9fr;display:grid}.metrics section{min-width:0;padding:15px 19px}.metrics section+section{border-left:1px solid #77a4c278}.metric-label{color:#c2e2f3;margin-bottom:7px;font-size:13px}.metrics strong{font-size:20px}.metrics strong small{color:#c4dcea;font-size:12px;font-weight:500}.metrics p{color:#d2e7f4;margin-top:8px;font-size:10px;line-height:1.6}.metric-buttons{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.metric-buttons button{color:#fff;background:#285f8a;border-color:#82a9c0;padding:5px 8px;font-size:10px}.meter{background:#9bc5d75c;border-radius:6px;height:6px;margin-top:9px}.below{color:#5b7180;padding:17px 3px 0;font-size:12px;line-height:1.8}.below strong{color:#245c6f}footer{color:#a9c9d8;background:#071a2a;justify-content:space-between;gap:12px;padding:16px 3%;font-size:11px;display:flex}footer span:first-child{color:#e7f8fd;font-size:14px;font-weight:700}footer b{color:#6edeea;margin-left:5px;font-size:10px}@media (width<=1000px){.workspace-top{flex-direction:column;align-items:flex-start}.metrics{grid-template-columns:1fr 1fr}.metrics section:nth-child(3){border-top:1px solid #77a4c278;border-left:0}.metrics section:nth-child(4){border-top:1px solid #77a4c278}}@media (width<=650px){.header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.brand{font-size:18px}.logo{font-size:30px}.header nav{justify-content:flex-end;gap:17px;width:100%;font-size:12px}.price-link{padding:6px 10px}main{padding:18px 12px}.intro{flex-direction:column;align-items:flex-start;gap:8px}.intro h1{font-size:20px}.intro h1 span{margin:0;display:block}.stage{white-space:normal;font-size:12px}.stage span{margin:2px 0 0 15px;display:block}.workspace-top{padding:12px}.actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.actions button{padding:8px 6px;font-size:11px}.actions button:last-child{grid-column:1/-1}.vehicle-bar{flex-direction:column;align-items:flex-start;gap:0;padding:8px 10px 0}.vehicle-bar>span{order:-1;padding-bottom:7px;font-size:11px}.vehicle-tabs{width:100%}.vehicle-tabs button{padding:9px 8px;font-size:11px}.viewport{height:570px}.inventory{width:calc(100% - 24px);padding:10px 12px;top:12px;left:12px}.inventory>p{margin:7px 0}.inventory>p br{display:none}.inventory-empty{padding:7px}.guide{width:calc(100% - 24px);padding:9px 12px;bottom:12px;left:12px}.guide p{font-size:10px}.view-controls{top:185px;left:12px;right:12px}.view-controls button{padding:7px 10px;font-size:11px}.placeholder{padding:15px;top:160px;bottom:110px;left:0}.placeholder h2{font-size:16px}.placeholder>p:not(.overline){font-size:12px}.cube{width:65px;height:65px;font-size:50px}.metrics section{padding:13px 12px}.metrics strong{font-size:17px}.metric-label{font-size:12px}.metrics p{font-size:10px}.below{font-size:11px}footer{align-items:center;padding:14px 12px}footer span:first-child{font-size:12px}}.demo-canvas{z-index:0;position:absolute;inset:0}.sample-pending{z-index:1;color:#315769;background:#edf7facf;border-radius:5px;max-width:calc(100% - 280px);padding:8px 12px;font-size:12px;position:absolute;bottom:15px;right:16px}.view-controls button:not(:disabled){cursor:pointer;opacity:1}.webgl-error{color:#832f25;background:#fff;padding:20px;position:absolute;top:40%;left:30%}.viewport:after{display:none}@media (width<=650px){.demo-canvas{top:190px;bottom:145px}.sample-pending{max-width:none;font-size:10px;bottom:120px;left:12px;right:12px}.webgl-error{top:20%;left:0}}.sample-list{gap:5px;max-height:220px;margin-top:8px;display:grid;overflow:auto}.sample-list button{font:inherit;text-align:left;color:#204c65;touch-action:none;cursor:grab;background:#eaf4fa;border:1px solid #a8c3d1;border-radius:4px;padding:7px;font-size:11px}.sample-list button small{font-size:10px;display:block}.sample-list button:disabled{cursor:not-allowed}.guide button{color:#16486a;cursor:pointer;background:#fff;border:1px solid #809eaf;border-radius:3px;padding:5px}.viewport{min-height:600px}.guide{max-width:230px}.sample-pending{pointer-events:none}@media (width<=650px){.viewport{height:850px}.inventory{max-height:280px}.sample-list{max-height:180px}.demo-canvas{top:300px;bottom:180px}.view-controls{top:300px}.sample-pending{bottom:145px}.guide{max-width:none}}.weight-dialog{color:#15374b;background:#f4fafd;border:1px solid #499db6;border-radius:12px;width:min(540px,100vw - 32px);max-height:calc(100dvh - 32px);padding:26px;overflow:auto;box-shadow:0 16px 60px #001d3960}.weight-dialog::backdrop{background:#031628ad}.weight-dialog h2{margin-bottom:14px;font-size:21px}.weight-dialog p{margin:7px 0;font-size:13px;line-height:1.7}.weight-dialog label{margin-top:17px;font-size:14px;font-weight:700;display:block}.weight-dialog input,.weight-dialog textarea{width:100%;font:inherit;color:#16354a;background:#fff;border:1px solid #7e9ead;border-radius:5px;margin-top:7px;padding:10px;font-size:16px;font-weight:400;display:block}.weight-dialog input:focus-visible,.weight-dialog textarea:focus-visible{outline-offset:2px;outline:3px solid #36bdd6}.weight-message{color:#a32120;min-height:57px;padding-block:7px}.weight-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.weight-actions button{font:inherit;color:#1f4763;cursor:pointer;background:#fff;border:1px solid #7194a9;border-radius:5px;padding:10px 14px;font-size:13px}.weight-actions button:last-child{color:#fff;background:#15547d}.weight-actions button:disabled{cursor:not-allowed;opacity:.5}@media (width<=600px){.weight-dialog{padding:19px}.weight-dialog h2{font-size:19px}.weight-actions button{flex:1;padding-inline:9px}.weight-dialog p{font-size:12px}}.vehicle-bar{flex-wrap:wrap;align-items:flex-end}.vehicle-tabs{flex-wrap:wrap}.vehicle-tabs button:not(:disabled),.vehicle-add button:not(:disabled),.metric-buttons button:not(:disabled){cursor:pointer}.vehicle-add{flex-wrap:wrap;align-items:center;gap:8px;padding:0 0 8px;font-size:12px;display:flex}.vehicle-add label{align-items:center;gap:6px;display:flex}.vehicle-add select,.vehicle-add button{font:inherit;color:#16466b;background:#f2f9ff;border:1px solid #a5c8e4;border-radius:5px;padding:6px 9px}.vehicle-add button{font-weight:700}.vehicle-add small{color:#e4f5ff;font-size:11px}.vehicle-usage{align-items:center;gap:8px;margin-top:8px;display:flex}.vehicle-usage progress{appearance:none;background:#183d60;border:0;border-radius:6px;flex:1;min-width:0;height:9px;overflow:hidden}.vehicle-usage progress::-webkit-progress-bar{background:#183d60}.vehicle-usage progress::-webkit-progress-value{background:#69e1f0}.vehicle-usage progress::-moz-progress-bar{background:#69e1f0}.vehicle-usage small{color:#e5f7ff;white-space:nowrap;font-size:11px}.vehicle-footer .metrics p{font-size:12px}.vehicle-notes{color:#183e5b;background:#eaf4fa;border-top:1px solid #82a9c0;padding:12px 18px;font-size:12px;line-height:1.65}.vehicle-notes p+p{margin-top:4px}.vehicle-footer .metrics .metric-warning{color:#ffe1a1;font-weight:700}.vehicle-notes .metric-warning{color:#9d4220;font-weight:700}@media (width<=650px){.vehicle-bar{align-items:stretch;gap:8px}.vehicle-add{order:-1}.vehicle-tabs button{flex:1;min-width:max-content}.vehicle-footer .metrics p{font-size:11px}.vehicle-notes{padding:10px 12px}}.sample-pdf{color:#254d66;background:#f7fbfd;border:1px solid #8ba8b9;border-radius:5px;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.sample-pdf[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sample-explanation{color:#4c687b;background:#f8fbfd;padding:0 18px 10px;font-size:11px;line-height:1.65}.actions button:not(:disabled){cursor:pointer}@media (width<=650px){.sample-pdf{justify-content:center;padding:8px 6px;font-size:11px}.sample-explanation{padding:0 12px 10px}}