.cbe{display:flex;flex-direction:column;gap:16px}.cbe-note{margin:-4px 0 4px;font-size:12px;color:var(--color-text-faint)}.cbe-customer{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-bg-panel);padding:12px}.cbe-customer-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cbe-customer-swatch{width:12px;height:12px;flex:none}.cbe-customer-index{font-family:var(--font-mono);font-size:11px;color:var(--color-text-faint);flex:none}.cbe-customer-name{flex:1;min-width:0;border:none;border-bottom:1px solid transparent;background:transparent;font-size:14px;font-weight:600;padding:4px 2px}.cbe-customer-name:hover,.cbe-customer-name:focus{border-bottom-color:var(--color-border);outline:none}.cbe-customer-actions{display:flex;gap:4px;flex:none}.cbe-customer-actions button{width:26px;height:26px;border:1px solid var(--color-border);background:transparent;font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.cbe-customer-actions button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.cbe-customer-actions button:disabled{opacity:.35;cursor:not-allowed}.cbe-remove-customer:hover:not(:disabled){border-color:var(--color-error)!important;color:var(--color-error)!important}.cbe-add-customer{padding:12px;border:1px dashed var(--color-border);background:transparent;color:var(--color-accent);font-size:13px;font-weight:600}.cbe-add-customer:hover{background:var(--color-accent-bg)}.three-stage-canvas{position:relative;width:100%;height:100%;touch-action:none}.three-stage-canvas canvas{display:block;width:100%!important;height:100%!important}.three-hover-tip{position:absolute;z-index:20;pointer-events:none;background:var(--color-text);color:var(--color-bg);padding:8px 10px;font-family:var(--font-sans);font-size:11px;line-height:1.5;max-width:220px;box-shadow:0 4px 12px #12171b40}.three-hover-customer{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.03em;opacity:.75;margin-bottom:2px}.three-hover-name{font-weight:600;margin-bottom:2px}.three-hover-dims{font-family:var(--font-mono);font-size:10px;opacity:.85}.load-planner{display:flex;flex-direction:column;gap:28px}.lp-vehicle-section,.lp-items-section{width:100%}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:10px}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.vehicle-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--color-border);background:var(--color-bg-panel);text-align:left}.vehicle-card.selected{border-color:var(--color-accent);background:var(--color-accent-bg)}.vehicle-icon-wrap{height:44px;display:flex;align-items:flex-end;color:var(--color-text-faint)}.vehicle-icon{width:100%;height:100%}.vehicle-card.selected .vehicle-icon-wrap{color:var(--color-accent)}.vehicle-label{font-size:13px;font-weight:600}.vehicle-caption{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.model-vehicle-picker{margin-top:12px;max-width:640px;display:flex;flex-direction:column;gap:12px}.model-picker-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.model-picker-row label{font-size:10px;color:var(--color-text-muted)}.model-picker-row select{display:block;width:100%;margin-top:3px;padding:9px;border:1px solid var(--color-border);font-family:var(--font-mono);font-size:13px;background:var(--color-bg-panel);color:var(--color-text)}.model-spec-card{border:1px solid var(--color-border);background:var(--color-accent-bg);padding:14px}.model-spec-title{font-size:14px;font-weight:600;margin-bottom:4px}.model-spec-dims{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);margin-bottom:8px}.model-spec-features{font-size:12px;color:var(--color-text);margin-bottom:8px}.model-spec-disclaimer{font-size:10px;color:var(--color-text-faint);line-height:1.5}.lp-items-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}.lp-items-header .section-label{margin-bottom:0}.multi-customer-toggle{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);cursor:pointer}.multi-customer-toggle input{cursor:pointer}.custom-vehicle-dims{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px;max-width:640px}.custom-vehicle-dims label{font-size:10px;color:var(--color-text-muted)}.custom-vehicle-dims input{display:block;width:100%;margin-top:3px;padding:9px;border:1px solid var(--color-border);font-family:var(--font-mono);font-size:13px;background:var(--color-bg-panel)}.lp-main-row{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.lp-stage-col{flex:1;min-width:420px;display:flex;flex-direction:column;gap:10px}.view-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.view-tabs{display:flex;gap:6px}.tab-btn{padding:8px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--color-border);background:transparent;color:var(--color-text)}.tab-btn.active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.stage-controls{display:flex;gap:4px}.stage-controls button{width:30px;height:30px;border:1px solid var(--color-border);background:var(--color-bg-panel);font-family:var(--font-mono);font-size:13px}.stage-controls .reset-btn{width:auto;padding:0 10px;font-size:11px}.stage-frame{position:relative;border:1px solid var(--color-border);background:var(--color-bg-panel);height:460px;padding:26px 14px 14px 34px;box-sizing:border-box}.corner{position:absolute;font-family:var(--font-mono);font-size:11px;color:var(--color-text-faint)}.tl{top:6px;left:6px}.tr{top:6px;right:6px}.bl{bottom:6px;left:6px}.br{bottom:6px;right:6px}.three-wrap{position:relative;width:100%;height:100%}.drag-hint{position:absolute;bottom:10px;right:14px;font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);pointer-events:none}.layer-slider-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--color-border);background:var(--color-bg-panel);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.layer-slider-row input{flex:1}.lp-aside{width:300px;flex:0 0 300px;position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}.result-card{border:1px solid var(--color-border);background:var(--color-bg-panel);padding:16px}.metric{margin-bottom:14px}.metric:last-child{margin-bottom:4px}.metric-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:13px;color:var(--color-text-muted)}.metric-value{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--color-text)}.metric-bar-track{height:8px;background:var(--color-bg-stage)}.metric-bar-fill{height:100%}.metric-sub{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);margin-top:4px}.weight-exceeded-note{font-size:11px;color:var(--color-warn-border);margin-top:6px}.placement-customer-group{margin-bottom:12px}.placement-customer-group:last-child{margin-bottom:0}.placement-customer-name{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.placement-list{display:flex;flex-direction:column;gap:6px}.placement-item{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;border-bottom:1px solid var(--color-border-soft)}.placement-item:last-child{border-bottom:none}.placement-name{color:var(--color-text-muted)}.placement-count{font-family:var(--font-mono);font-weight:600}.placement-count.partial{color:var(--color-warn-border)}.overflow-list{display:flex;flex-direction:column;gap:6px}.overflow-item{display:flex;justify-content:space-between;font-size:12px;padding:6px 8px;background:var(--color-warn-bg);border-left:2px solid var(--color-warn-border)}.overflow-empty{font-size:12px;color:var(--color-ok)}.download-actions{display:flex;flex-direction:column;gap:8px}.download-primary,.download-secondary{padding:11px;font-size:13px;font-weight:600}.download-primary{border:1px solid var(--color-text);background:var(--color-text);color:#fff}.download-secondary{border:1px solid var(--color-border);background:transparent;color:var(--color-text)}.download-primary:disabled,.download-secondary:disabled{opacity:.5;cursor:not-allowed}.email-capture{display:flex;flex-wrap:wrap;gap:8px}.email-capture input{padding:11px 12px;border:1px solid var(--color-border);flex:1 1 240px;min-width:0;font-size:13px;background:var(--color-bg-panel)}.email-capture button{padding:11px 18px;border:1px solid var(--color-text);background:var(--color-text);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.email-thanks{font-family:var(--font-mono);font-size:13px;color:var(--color-ok)}.hero[data-astro-cid-g5xc7fs2]{margin-bottom:22px}.hero[data-astro-cid-g5xc7fs2] h1[data-astro-cid-g5xc7fs2]{font-size:22px;margin:0 0 4px;font-weight:600}.hero[data-astro-cid-g5xc7fs2] p[data-astro-cid-g5xc7fs2]{margin:0;font-size:14px;color:var(--color-text-muted);max-width:640px}.section-label[data-astro-cid-g5xc7fs2]{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:20px}.how-it-works[data-astro-cid-g5xc7fs2]{margin-top:64px;padding:36px 0;border-top:1px solid var(--color-border)}.steps-grid[data-astro-cid-g5xc7fs2]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-num[data-astro-cid-g5xc7fs2]{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--color-accent)}.step-title[data-astro-cid-g5xc7fs2]{font-size:15px;font-weight:600;margin:8px 0 4px}.step-body[data-astro-cid-g5xc7fs2]{font-size:13px;color:var(--color-text-muted);line-height:1.5}.coming-soon[data-astro-cid-g5xc7fs2]{margin-top:8px;padding:28px;border:1px solid var(--color-border);background:#eef2f7;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.coming-soon-copy[data-astro-cid-g5xc7fs2]{max-width:480px}.coming-soon-title[data-astro-cid-g5xc7fs2]{font-size:15px;font-weight:600;margin-bottom:4px}.coming-soon-body[data-astro-cid-g5xc7fs2]{font-size:13px;color:var(--color-text-muted)}@media(max-width:720px){.steps-grid[data-astro-cid-g5xc7fs2]{grid-template-columns:1fr}}
