.designer{background:#f5f3ed;padding-bottom:64px}.designer-intro{padding-top:68px;padding-bottom:34px;max-width:1340px}.designer-intro h1{font-size:clamp(2rem,4.2vw,3.9rem);line-height:1.15;max-width:900px;margin:14px 0 20px;letter-spacing:-.035em}.designer-intro>p:last-child{color:#625f56;max-width:720px;line-height:1.8}.designer-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:28px;align-items:start;max-width:1340px}.designer-stage{background:#fff;border:1px solid #dedbd2;position:sticky;top:100px;min-width:0}.designer-stage-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;font-size:11px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid #ece9e1}.designer-stage-top span:last-child{color:#637775;letter-spacing:0}#truck-canvas{width:100%;height:auto;display:block;touch-action:none;cursor:grab}.designer-disclaimer{margin:0;padding:0 24px;color:#716f68;font-size:12px;line-height:1.7}.designer-actions{display:flex;gap:12px;flex-wrap:wrap;padding:22px 24px 10px}#designer-status{min-height:36px;margin:0;padding:8px 24px 20px;font-size:13px;color:#255a51}.designer-controls{background:#fff;border:1px solid #dedbd2;padding:24px}.designer-controls fieldset{border:0;margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid #e7e4dc;min-width:0}.designer-controls legend{font-weight:700;margin-bottom:18px;font-size:16px}.designer-controls legend>span{font:12px monospace;color:#908878;margin-right:8px}.vehicle-options{display:grid;gap:8px}.vehicle-options label{position:relative;cursor:pointer}.vehicle-options input{position:absolute;opacity:0}.vehicle-options span{display:block;padding:12px 14px;border:1px solid #ddd9cf;font-size:14px}.vehicle-options input:checked+span{border-color:#184a4e;background:#edf3f0;box-shadow:inset 3px 0 #184a4e}.vehicle-options input:focus-visible+span{outline:2px solid #184a4e;outline-offset:2px}.upload-label{display:block;font-weight:600;margin-bottom:8px}.designer-controls input[type=file]{max-width:100%;width:100%;font-size:12px}.control-help{font-size:12px;color:#746f65;line-height:1.8;margin:12px 0}.designer-text-button{background:none;border:0;text-decoration:underline;color:#184a4e;padding:0;cursor:pointer;font-size:13px}.designer-field{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-size:13px}.designer-field:has(input[type=text]),.designer-field:has(input:not([type])){display:grid;gap:8px}.designer-field input:not([type=color]),.designer-field select{max-width:100%;min-width:0;background:#faf9f5;border:1px solid #d5d1c6;padding:10px;font:inherit}.designer-field input[type=color]{width:44px;height:34px;padding:2px;border:1px solid #d5d1c6;background:#fff}.designer-range{display:block;font-size:13px;margin:16px 0}.designer-range input{display:block;width:100%;accent-color:#184a4e;margin-top:10px}.designer-enquiry h2{font-size:22px}.designer-enquiry p{font-size:13px;line-height:1.8;color:#716b5e}.designer-enquiry .btn{width:100%;margin-top:10px;text-align:center;justify-content:center;white-space:normal}.designer-how{max-width:1340px;padding-top:64px}.designer-how h2{font-size:clamp(1.5rem,3vw,2.3rem)}.designer-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:26px}.designer-how p{font-size:14px;line-height:1.8;color:#6e695e}.designer-how strong{display:block;margin-bottom:10px;color:#283c38;font-size:16px}.designer button:disabled{opacity:.5;cursor:wait}.designer input:focus-visible,.designer select:focus-visible,.designer button:focus-visible{outline:2px solid #184a4e;outline-offset:3px}@media(max-width:950px){.designer-layout{grid-template-columns:1fr}.designer-stage{position:static}.designer-intro{padding-top:40px}.designer-controls{padding:20px}.designer-how>div{grid-template-columns:1fr;gap:10px}.designer-stage-top{padding:15px}.designer-disclaimer{padding:0 16px}.designer-actions{padding:18px 16px 8px}}@media(prefers-reduced-motion:reduce){.designer *{scroll-behavior:auto}}