:root{--planner-navy:#173b5b;--planner-blue:#2c668f;--planner-green:#5a8a72;--planner-green-pale:#e8f1ec;--planner-cream:#f8f4eb;--planner-border:#d8cfbd;--planner-orange:#b5632d}
.planner-page{margin:0 auto;max-width:1540px;padding:24px clamp(14px,2vw,30px) 52px;width:100%}
.development-notice{background:#faf3df;border:1px solid #dfc987;border-left:4px solid #b8922d;border-radius:5px;color:#594b25;font-size:.78rem;margin-bottom:18px;padding:10px 14px}
.planner-intro{align-items:center;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) auto;margin:0 auto 18px;max-width:1460px}.planner-intro h1{color:var(--planner-navy);font:700 clamp(1.55rem,2vw,2.15rem)/1.15 Georgia,"Times New Roman",serif;margin:5px 0 8px}.planner-intro p{color:#68706c;font-size:.86rem;margin:0;max-width:850px}.meter-card{align-items:center;background:#fff;border:1px solid var(--planner-border);border-radius:6px;box-shadow:var(--shadow);display:flex;gap:11px;min-width:285px;padding:13px 15px}.meter-card strong,.meter-card span{display:block}.meter-card strong{color:var(--planner-navy);font-size:.76rem}.meter-card div span{color:#7b817d;font-size:.66rem;margin-top:2px}.meter-dot{background:#c29b34;border:4px solid #f6ecd0;border-radius:50%;height:14px;width:14px}.meter-card.ready .meter-dot{background:var(--planner-green);border-color:#dcebe3}.meter-card.blocked .meter-dot{background:#a94f36;border-color:#f1dcd5}
.quick-guide{align-items:center;background:#fff;border:1px solid var(--planner-border);border-radius:6px;display:flex;margin:0 auto 18px;max-width:1460px;min-height:68px;padding:10px 18px}.guide-step{align-items:center;display:flex;flex:1;gap:10px}.guide-step>span{align-items:center;background:#eef1f2;border:1px solid #d8dfe1;border-radius:50%;color:#66737a;display:flex;font-size:.72rem;font-weight:800;height:28px;justify-content:center;width:28px}.guide-step.active>span{background:var(--planner-navy);border-color:var(--planner-navy);color:#fff}.guide-step strong,.guide-step small{display:block}.guide-step strong{color:var(--planner-navy);font-size:.74rem}.guide-step small{color:#858a87;font-size:.63rem;margin-top:1px}.guide-arrow{color:#aab1ad;font-size:1rem;margin:0 14px}
.planner-shell{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(360px,420px) minmax(0,1fr);margin:0 auto;max-width:1460px}.setup-panel,.result-panel{background:#fff;border:1px solid var(--planner-border);border-radius:7px;box-shadow:var(--card-shadow)}.setup-panel{overflow:hidden}.setup-section{border-bottom:1px solid #e7e1d5;padding:20px}.section-heading{align-items:flex-start;display:flex;gap:11px;margin-bottom:16px}.section-number{align-items:center;background:var(--planner-green-pale);border:1px solid #c7dbd0;border-radius:4px;color:var(--planner-green);display:flex;font-size:.7rem;font-weight:800;height:25px;justify-content:center;width:25px}.section-heading h2{color:var(--planner-navy);font:700 1.04rem/1.2 Georgia,"Times New Roman",serif;margin:0}.section-heading p{color:#858a87;font-size:.67rem;margin:3px 0 0}
.field{display:block;margin:0}.field>span{color:#646d69;display:block;font-size:.62rem;font-weight:750;letter-spacing:.55px;margin:0 0 5px;text-transform:uppercase}.field input,.field select{background:#fdfbf7;border:1.5px solid var(--planner-border);border-radius:4px;color:#303633;font:500 .76rem "Segoe UI",sans-serif;height:39px;min-width:0;padding:0 10px;width:100%}.field select{appearance:auto}.field input:focus,.field select:focus{background:#fff;border-color:var(--planner-blue);box-shadow:0 0 0 3px rgba(44,102,143,.11);outline:none}.field small{color:#929793;display:block;font-size:.59rem;font-weight:400;letter-spacing:0;margin:3px 0 0;text-transform:none}.field-grid{display:grid;gap:11px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:11px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wide{grid-column:1/-1}
.dimension-picture{height:74px;margin:15px auto 10px;position:relative;width:190px}.dim-box{background:linear-gradient(145deg,rgba(44,102,143,.09),rgba(90,138,114,.06));border:2px solid rgba(23,59,91,.48);display:block;height:54px;left:22px;position:absolute;top:8px;transform:skewY(-7deg);width:142px}.dim-box:after{border-left:28px solid rgba(23,59,91,.22);border-bottom:4px solid transparent;border-top:4px solid transparent;content:"";height:48px;position:absolute;right:-30px;top:-2px}.dim-box i{color:var(--planner-navy);font-size:.56rem;font-style:normal;font-weight:700;position:absolute}.dim-length{bottom:-18px;left:46px}.dim-width{right:-43px;top:21px;transform:skewY(7deg) rotate(-66deg)}.dim-height{left:-35px;top:19px;transform:skewY(7deg) rotate(-90deg)}
.simple-details{background:#fbfaf7;border:1px solid #e5dfd2;border-radius:5px;margin-top:14px}.simple-details summary{color:var(--planner-navy);cursor:pointer;font-size:.68rem;font-weight:700;list-style:none;padding:11px 12px}.simple-details summary::-webkit-details-marker{display:none}.simple-details summary:before{content:"+";display:inline-block;font-size:.82rem;margin-right:7px;width:10px}.simple-details[open] summary:before{content:"−"}.simple-details summary span{color:#969b97;float:right;font-size:.58rem;font-weight:500}.details-body{border-top:1px solid #e8e2d6;margin:0;padding:12px}.simple-details .details-body.field-grid{margin-top:0}
.cargo-list{display:grid;gap:12px}.cargo-card{background:#fbfaf7;border:1px solid #ddd6c9;border-left:4px solid var(--cargo-color,#1a3c5e);border-radius:5px;padding:13px}.cargo-card-head{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:12px}.cargo-color{background:var(--cargo-color,#1a3c5e);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c9c2b5;height:14px;width:14px}.cargo-card-head strong,.cargo-card-head small{display:block}.cargo-card-title{color:var(--planner-navy);font-size:.74rem}.cargo-card-summary{color:#8a908c;font-size:.59rem;margin-top:2px}.cargo-remove{background:#fff;border:1px solid #ddd5c6;border-radius:4px;color:#8c5d50;cursor:pointer;font-size:1rem;height:28px;line-height:1;width:28px}.cargo-remove:hover{background:#fbefeb;border-color:#d3a99d}.cargo-switches{display:grid;gap:7px;margin-top:12px}.cargo-switches label,.danger-check{align-items:flex-start;background:#fff;border:1px solid #e2dcd0;border-radius:4px;cursor:pointer;display:flex;gap:8px;margin:0;padding:8px 9px}.cargo-switches input,.danger-check input{accent-color:var(--planner-green);height:15px;margin:2px 0 0;width:15px}.cargo-switches strong,.cargo-switches small,.danger-check strong,.danger-check small{display:block}.cargo-switches strong,.danger-check strong{color:#4f5954;font-size:.65rem}.cargo-switches small,.danger-check small{color:#919692;font-size:.57rem;margin-top:1px}.cargo-advanced{margin-top:9px}.cargo-advanced summary{color:var(--planner-blue);cursor:pointer;font-size:.64rem;font-weight:700}.cargo-advanced .details-body{border:0;padding:9px 0 0}.add-cargo{background:#f5f8f6;border:1px dashed #9bb6a7;border-radius:5px;color:var(--planner-green);cursor:pointer;font-size:.7rem;font-weight:750;margin-top:12px;padding:11px;width:100%}.add-cargo span{font-size:1rem;margin-right:5px}.add-cargo:hover{background:#eaf3ee}.compact-settings{padding-bottom:16px;padding-top:2px}.compact-settings .simple-details{margin-top:0}.microcopy{color:#8b908d;font-size:.62rem;line-height:1.5;margin:10px 0 0}
.calculate-dock{background:#f7f3e9;padding:16px 20px 18px}.calculate-button{align-items:center;background:linear-gradient(135deg,var(--planner-navy),#245b82);border:0;border-radius:5px;box-shadow:0 4px 10px rgba(23,59,91,.24);color:#fff;cursor:pointer;display:flex;gap:12px;justify-content:center;min-height:55px;padding:8px 16px;width:100%}.calculate-button:hover{background:linear-gradient(135deg,#102f4a,var(--planner-navy));transform:translateY(-1px)}.calculate-button:disabled{cursor:wait;filter:saturate(.4);opacity:.72;transform:none}.calculate-icon{font-size:1.35rem}.calculate-button strong,.calculate-button small{display:block}.calculate-button strong{font-size:.8rem;letter-spacing:.15px}.calculate-button small{color:rgba(255,255,255,.68);font-size:.61rem;margin-top:2px}.form-message{color:#818783;font-size:.61rem;line-height:1.45;margin:8px 3px 0;text-align:center}.form-message.error{color:#9b4a2c}.form-message.success{color:#47745d}
.result-panel{min-height:720px;overflow:hidden}.empty-result{align-items:center;display:grid;gap:50px;grid-template-columns:minmax(280px,46%) minmax(280px,460px);justify-content:center;min-height:720px;padding:60px}.empty-result h2{color:var(--planner-navy);font:700 1.5rem/1.25 Georgia,"Times New Roman",serif;margin:7px 0 10px}.empty-result p{color:#7d8580;font-size:.78rem;line-height:1.65;margin:0}.empty-kicker,.result-kicker{color:var(--planner-green);font-size:.63rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.empty-scene{background:linear-gradient(160deg,#eef4f1,#f8f4eb);border:1px solid #d9dfd8;border-radius:50%;height:270px;position:relative;width:270px}.empty-truck{border:3px solid var(--planner-navy);border-radius:9px 9px 4px 4px;bottom:48px;height:100px;left:43px;position:absolute;width:184px}.empty-truck:before{background:rgba(23,59,91,.08);border-right:3px solid var(--planner-navy);content:"";inset:0 46px 0 0;position:absolute}.empty-truck i,.empty-truck b{background:var(--planner-navy);border:5px solid #eef4f1;border-radius:50%;bottom:-17px;height:27px;position:absolute;width:27px}.empty-truck i{left:21px}.empty-truck b{right:15px}.empty-box{background:#d7a060;border:2px solid #9d6d39;border-radius:2px;height:41px;position:absolute;width:45px}.box-one{bottom:72px;left:70px}.box-two{bottom:72px;left:117px}.box-three{bottom:72px;left:164px}
.result-summary{align-items:center;background:linear-gradient(135deg,#edf5f0,#f8f4e9);border-bottom:1px solid var(--planner-border);display:grid;gap:20px;grid-template-columns:1fr auto;padding:22px 26px}.result-summary.incomplete{background:linear-gradient(135deg,#faf0ea,#f8f4e9)}.result-summary h2{color:var(--planner-navy);font:700 1.35rem/1.25 Georgia,"Times New Roman",serif;margin:4px 0 5px}.result-summary p{color:#707873;font-size:.71rem;margin:0}.result-stamp{align-items:center;background:#fff;border:1px solid #cad9d0;border-radius:6px;display:flex;gap:8px;min-width:145px;padding:11px 14px}.result-stamp strong{color:var(--planner-green);font:700 1.65rem Georgia,"Times New Roman",serif}.result-stamp span{color:#707873;font-size:.64rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 22px 0}.metric-grid article{border-right:1px solid #e4ded2;min-width:0;padding:3px 17px}.metric-grid article:last-child{border-right:0}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span{color:#838985;font-size:.59rem;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.metric-grid strong{color:var(--planner-navy);font:700 1.13rem Georgia,"Times New Roman",serif;margin-top:3px}.metric-grid small{color:#959a97;font-size:.57rem;margin-top:2px}.meter{background:#e6e1d7;border-radius:3px;height:4px;margin-top:7px;overflow:hidden}.meter i{background:linear-gradient(90deg,var(--planner-green),#7db59a);display:block;height:100%;width:0}.item-results{display:grid;gap:7px;padding:14px 24px}.item-result{align-items:center;background:#fbfaf7;border:1px solid #e4ded2;border-radius:4px;display:grid;font-size:.66rem;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:8px 10px}.item-result i{background:var(--item-color);border-radius:2px;height:18px;width:6px}.item-result strong{color:var(--planner-navy)}.item-result span{color:#838985}.item-result b{color:#4b6457;font-size:.69rem}
.viewer-card{border-bottom:1px solid #e3ddd1;border-top:1px solid #e3ddd1;margin-top:2px}.viewer-head{align-items:center;background:#faf8f3;display:flex;gap:12px;justify-content:space-between;padding:0 15px}.viewer-tabs{display:flex;overflow-x:auto}.viewer-tab{background:transparent;border:0;border-bottom:3px solid transparent;color:#7e8581;cursor:pointer;font:700 .65rem "Segoe UI",sans-serif;height:48px;padding:0 13px;white-space:nowrap}.viewer-tab.active{border-bottom-color:var(--planner-green);color:var(--planner-navy)}.viewer-tools{align-items:center;display:flex;gap:10px}.viewer-tools button,.layer-control button{background:#fff;border:1px solid #d9d2c4;border-radius:4px;color:var(--planner-blue);cursor:pointer;font-size:.59rem;padding:7px 9px}.viewer-tools label{align-items:center;color:#7c837f;display:flex;font-size:.58rem;gap:5px;margin:0}.viewer-tools input{accent-color:var(--planner-green);padding:0;width:85px}.viewer-panel{background:radial-gradient(circle at 50% 38%,#fbfaf7,#eff3f0);display:none;height:560px;position:relative}.viewer-panel.active{display:block}.viewer-panel canvas{display:block;height:100%;width:100%}.canvas-help{background:rgba(255,255,255,.9);border:1px solid rgba(216,207,189,.8);border-radius:4px;bottom:12px;color:#7f8782;font-size:.58rem;left:50%;margin:0;padding:5px 9px;position:absolute;transform:translateX(-50%);white-space:nowrap}.layer-control{align-items:center;background:rgba(255,255,255,.94);border:1px solid #ded7ca;border-radius:5px;display:flex;gap:12px;left:14px;padding:8px 10px;position:absolute;right:14px;top:12px;z-index:2}.layer-control label{color:#717a75;font-size:.63rem;margin:0;white-space:nowrap}.layer-control input{accent-color:var(--planner-green);flex:1;padding:0}.table-panel{background:#fff;height:560px;overflow:auto;padding:0}.placement-table-wrap{min-width:730px}.placement-table{border-collapse:collapse;font-size:.64rem;width:100%}.placement-table th{background:#f5f2eb;color:#5d6862;font-size:.58rem;letter-spacing:.4px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.placement-table th,.placement-table td{border-bottom:1px solid #e7e1d6;padding:9px 11px}.placement-table tbody tr:hover{background:#faf7ef}
.warnings-card{background:#fcf7e8;border:1px solid #e4d2a5;border-left:4px solid #b99032;margin:18px 24px 0;padding:14px 16px}.warnings-card h3{color:#6d5722;font-size:.76rem;margin:0 0 7px}.warnings-card ul{color:#746a50;font-size:.65rem;line-height:1.55;margin:0;padding-left:18px}.export-card{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(240px,1fr) minmax(360px,auto);padding:24px}.export-card h2{color:var(--planner-navy);font:700 1.05rem Georgia,"Times New Roman",serif;margin:4px 0}.export-card p{color:#828985;font-size:.65rem;margin:0}.export-buttons{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.export-buttons button{background:#fff;border:1px solid #cfc6b5;border-radius:4px;color:var(--planner-navy);cursor:pointer;font:700 .61rem "Segoe UI",sans-serif;padding:9px 11px}.export-buttons button:first-child{background:var(--planner-navy);border-color:var(--planner-navy);color:#fff}.export-buttons button:hover{border-color:var(--planner-blue);box-shadow:0 2px 5px rgba(23,59,91,.1)}
.seo-content{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px auto 0;max-width:1460px}.seo-content article{background:#fff;border:1px solid var(--planner-border);border-radius:6px;box-shadow:var(--shadow);padding:24px 27px}.seo-content h2{color:var(--planner-navy);font:700 1.15rem/1.3 Georgia,"Times New Roman",serif;margin:5px 0 12px}.seo-content p,.seo-content li{color:#727a75;font-size:.72rem;line-height:1.65}.seo-content ol{margin:0;padding-left:19px}.seo-content li{margin:7px 0}.seo-content strong{color:#4c5b53}.source-note{background:#f8f5ed;border-left:3px solid var(--planner-green);padding:9px 11px}.faq-wide{grid-column:1/-1}.faq-wide details{border-top:1px solid #e3ddd1;padding:11px 2px}.faq-wide summary{color:var(--planner-navy);cursor:pointer;font-size:.73rem;font-weight:700}.faq-wide details p{margin:8px 0 1px}.planner-page footer a,footer a{color:rgba(255,255,255,.85);text-decoration:underline}
.loading .calculate-icon{animation:planner-spin 1s linear infinite}@keyframes planner-spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.planner-shell{grid-template-columns:360px minmax(0,1fr)}.empty-result{gap:25px;padding:35px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid article{border-bottom:1px solid #e4ded2;padding:11px 17px}.metric-grid article:nth-child(2){border-right:0}.empty-scene{height:220px;transform:scale(.88);width:220px}.empty-truck{left:18px}}
@media(max-width:920px){.planner-intro{grid-template-columns:1fr}.meter-card{min-width:0}.quick-guide{align-items:stretch;display:grid;gap:7px;grid-template-columns:1fr}.guide-arrow{display:none}.guide-step{padding:4px}.planner-shell{grid-template-columns:1fr}.result-panel{min-height:0}.empty-result{grid-template-columns:1fr;min-height:430px;text-align:center}.empty-scene{margin:auto}.viewer-panel{height:480px}.seo-content{grid-template-columns:1fr}.faq-wide{grid-column:auto}.calculate-dock{position:sticky;bottom:0;z-index:5}}
@media(max-width:620px){.planner-page{padding-left:10px;padding-right:10px}.planner-intro{padding:0 5px}.quick-guide{padding:9px 12px}.setup-section{padding:17px 14px}.field-grid.three,.field-grid{grid-template-columns:1fr}.dimension-picture{display:none}.cargo-dimensions{grid-template-columns:repeat(3,minmax(0,1fr))}.result-summary{grid-template-columns:1fr;padding:18px}.result-stamp{width:max-content}.metric-grid{grid-template-columns:1fr;padding:12px 14px 0}.metric-grid article,.metric-grid article:nth-child(2){border-bottom:1px solid #e4ded2;border-right:0}.item-results{padding:12px 14px}.viewer-head{align-items:stretch;flex-direction:column;padding:0 8px 8px}.viewer-tab{padding:0 10px}.viewer-tools{justify-content:space-between}.viewer-panel{height:390px}.canvas-help{max-width:90%;overflow:hidden;text-overflow:ellipsis}.warnings-card{margin:14px}.export-card{grid-template-columns:1fr;padding:19px 15px}.export-buttons{justify-content:flex-start}.seo-content article{padding:20px 17px}.empty-result{padding:30px 18px}.empty-scene{display:none}.cargo-card{padding:11px}.simple-details summary span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading .calculate-icon{animation:none}.calculate-button:hover{transform:none}}

/* UX pass for novice operators: larger controls, explicit safety and simpler actions. */
.planner-shell{grid-template-columns:minmax(420px,470px) minmax(0,1fr)}
.planner-intro p{color:#59635e;font-size:15px;line-height:1.55}
.meter-card{min-width:320px}.meter-card strong{font-size:14px}.meter-card div span{color:#5f6863;font-size:13px;line-height:1.4;margin-top:4px}.meter-card a{font-weight:700;text-decoration:underline}
.guide-step>span{font-size:13px;height:34px;width:34px}.guide-step strong{font-size:14px}.guide-step small{color:#68716c;font-size:12px}.guide-step.completed>span{background:var(--planner-green);border-color:var(--planner-green);color:#fff}.guide-step.completed>span{font-size:0}.guide-step.completed>span:after{content:"✓";font-size:15px}
.section-number{font-size:13px;height:32px;width:32px}.section-heading h2{font-size:18px}.section-heading p{color:#65706a;font-size:13px;line-height:1.45}
.field>span{color:#4f5a54;font-size:14px;font-weight:750;letter-spacing:.25px;line-height:1.35;margin-bottom:7px;text-transform:none}.field input,.field select{font-size:16px;height:48px;padding:0 12px}.field small{color:#5f6863;font-size:13px;line-height:1.4;margin-top:5px}.field input[aria-invalid="true"],.field select[aria-invalid="true"]{background:#fff8f5;border-color:#a94f36;box-shadow:0 0 0 3px rgba(169,79,54,.12)}.field-error{color:#9b3f29!important;font-weight:650!important}.form-error-summary{background:#fff1ec;border:1px solid #d9a899;border-radius:4px;color:#833823;font-size:14px;font-weight:700;margin:0 0 10px;padding:9px 11px;text-align:left}
.simple-details summary{font-size:14px;line-height:1.4;min-height:46px;padding:13px}.simple-details summary span{font-size:12px}.microcopy{color:#606b65;font-size:13px;line-height:1.55}
.cargo-card-title{font-size:15px}.cargo-card-summary{color:#626c66;font-size:12px}.cargo-remove{height:44px;width:44px}.cargo-switches strong,.danger-check strong{font-size:14px}.cargo-switches small,.danger-check small{color:#626c66;font-size:12px;line-height:1.35}.cargo-switches label,.danger-check{min-height:52px;padding:10px}.cargo-switches input,.danger-check input{height:20px;width:20px}.cargo-advanced summary{font-size:13px;min-height:40px;padding:9px 0}.add-cargo{font-size:14px;min-height:48px}.example-tag{background:#f3dfb9;border-radius:3px;color:#7a541d;font-size:11px;font-style:normal;letter-spacing:.2px;margin-left:4px;padding:2px 5px;text-transform:none}.cargo-preset-note.example-note{background:#fff6df;border-left:3px solid #b99032;color:#6b5522;padding:7px 8px}.cargo-preset-note.custom-note{background:#eef3f5;border-left:3px solid var(--planner-blue);padding:7px 8px}
.calculate-button{min-height:60px}.calculate-button strong{font-size:16px}.calculate-button small{font-size:13px}.form-message{color:#5d6762;font-size:13px;line-height:1.5}.access-actions{background:#fff;border:1px solid #d7c8b0;border-radius:5px;padding:13px}.access-actions>strong{color:var(--planner-navy);display:block;font-size:15px}.access-actions p{color:#616b65;font-size:13px;margin:4px 0 10px}.access-actions>div{display:grid;gap:8px;grid-template-columns:1fr 1fr}.access-actions a{align-items:center;border-radius:4px;display:flex;font-size:14px;font-weight:750;justify-content:center;min-height:48px;padding:8px 10px;text-align:center;text-decoration:none}.access-login{background:var(--planner-navy);color:#fff}.access-login:hover{color:#fff}.access-buy{background:#fff;border:1px solid var(--planner-navy);color:var(--planner-navy)}
.result-panel{min-height:0}.empty-result{gap:36px;min-height:420px;padding:38px 50px}.empty-result h2{font-size:24px}.empty-result p{color:#5f6963;font-size:14px}.empty-scene{height:230px;width:230px}.empty-truck{left:23px}.empty-calculate{background:var(--planner-navy);border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:18px;min-height:48px;padding:10px 16px}
.result-summary p{color:#58635d;font-size:14px;line-height:1.5}.result-summary h2{font-size:23px}.limit-reason{background:#fff;border-left:4px solid var(--planner-green);color:#334b3e!important;font-weight:750;margin:10px 0 0!important;padding:8px 10px}.result-summary.incomplete .limit-reason{border-left-color:var(--planner-orange);color:#71401f!important}.door-result{font-weight:700;margin:7px 0 0!important}.door-result.good{color:#3d6d55}.door-result.bad{color:#994328}.warnings-card{background:#fff7e5;border:1px solid #dfc991;border-left:5px solid #b99032;margin:0;padding:14px 24px}.warnings-card h3{color:#5f4a1b;font-size:16px;margin:0 0 5px}.warnings-card p,.warnings-card li{color:#5f5845;font-size:13px;line-height:1.55}.warnings-card p{margin:0}.warnings-card ul:empty{display:none}.warnings-card ul{margin:7px 0 0;padding-left:18px}
.metric-grid span{font-size:12px}.metric-grid strong{font-size:20px}.metric-grid small{color:#5f6863;font-size:12px}.item-result{font-size:13px}.item-result b{font-size:13px}.calculation-method{border-top:1px solid #e3ddd1;margin:0 24px 16px}.calculation-method summary{color:var(--planner-blue);cursor:pointer;font-size:14px;font-weight:750;min-height:44px;padding:12px 2px}.calculation-method p{background:#f8f6f0;color:#59645e;font-size:13px;line-height:1.55;margin:0;padding:12px}
.viewer-tab{font-size:14px;height:52px;padding:0 15px}.viewer-tools button,.layer-control button{font-size:14px;min-height:44px;min-width:44px}.viewer-tools label,.layer-control label{font-size:13px}.viewer-tools input{width:100px}.viewer-panel{height:520px}.canvas-help{bottom:14px;color:#4f5b55;font-size:13px;line-height:1.4;max-width:90%;padding:8px 12px;text-align:center;white-space:normal}.viewer-panel canvas{touch-action:pan-y}.placement-table{font-size:13px}.placement-table th{font-size:12px}.placement-table th,.placement-table td{padding:10px 12px}
.export-card{grid-template-columns:minmax(240px,1fr) minmax(420px,auto)}.export-card p{color:#5f6863;font-size:13px}.export-area{display:grid;gap:9px}.export-buttons button{font-size:14px;min-height:46px;padding:9px 13px}.primary-exports button{background:var(--planner-navy);border-color:var(--planner-navy);color:#fff}.primary-exports button:nth-child(2){background:#fff;color:var(--planner-navy)}.export-more{border-top:1px solid #e3ddd1;padding-top:7px}.export-more summary{color:var(--planner-blue);cursor:pointer;font-size:13px;font-weight:700;text-align:right}.export-more .export-buttons{margin-top:8px}
.setup-panel button:focus-visible,.setup-panel a:focus-visible,.viewer-card button:focus-visible,.viewer-card input:focus-visible,.viewer-card canvas:focus-visible,.export-card button:focus-visible,.export-card summary:focus-visible,.simple-details summary:focus-visible,.cargo-advanced summary:focus-visible,.empty-calculate:focus-visible{outline:3px solid #e1a73b;outline-offset:3px}

@media(max-width:1180px){.planner-shell{grid-template-columns:400px minmax(0,1fr)}.empty-result{gap:22px;padding:30px}.empty-scene{height:200px;transform:none;width:200px}.empty-truck{left:8px}}
@media(max-width:920px){.planner-intro{gap:13px}.meter-card{min-width:0}.quick-guide{display:flex;gap:6px;padding:9px 12px}.guide-arrow{display:block;margin:0 4px}.planner-shell{grid-template-columns:1fr}.empty-result{min-height:340px}.viewer-panel{height:460px}.calculate-dock{position:sticky}}
@media(max-width:620px){.planner-page{padding-top:14px}.planner-intro h1{font-size:24px}.planner-intro p{font-size:14px;line-height:1.45}.meter-card{padding:10px 12px}.quick-guide{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}.guide-step{gap:6px;min-width:0}.guide-step>span{height:28px;width:28px}.guide-step strong{font-size:12px;line-height:1.25}.guide-step small{display:none}.guide-arrow{font-size:13px;margin:0}.setup-section{padding:17px 14px}.field-grid,.field-grid.three,.cargo-dimensions{grid-template-columns:1fr}.cargo-card{padding:12px}.access-actions>div{grid-template-columns:1fr}.result-summary{padding:16px}.result-summary h2{font-size:21px}.warnings-card{padding:13px 16px}.metric-grid{padding:8px 14px 0}.viewer-panel{height:390px}.viewer-head{gap:8px}.viewer-tabs{width:100%}.viewer-tab{flex:1;font-size:12px;padding:0 6px}.viewer-tools{display:grid;grid-template-columns:44px 1fr 44px auto;width:100%}.viewer-tools label{justify-content:center}.viewer-tools input{max-width:120px;width:100%}.layer-control{flex-wrap:wrap}.layer-control input{flex-basis:55%}.placement-table-wrap{min-width:920px}.export-card{grid-template-columns:1fr}.export-buttons{display:grid;grid-template-columns:1fr;justify-content:stretch}.export-more summary{text-align:left}.empty-result{min-height:280px;padding:24px 18px}.empty-calculate{width:100%}}