@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:light;--navy:#0c2240;--orange:#ed6423;--line:#dce3eb;--muted:#526479}*{box-sizing:border-box}body{margin:0;background:#f1f4f8;color:var(--navy);font-family:'DM Sans',Arial,sans-serif;font-size:16px}header{height:82px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand b{color:#ff823e}.brand span{font:500 13px 'DM Sans',Arial;letter-spacing:3px;margin-left:27px;border-left:1px solid #506078;padding-left:27px}.version{font-size:14px;color:#c3d0e1}main{max-width:1440px;padding:40px 32px 80px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:12px!important;letter-spacing:2px;font-weight:700;color:#a8491d!important;margin:0 0 10px}h1{font:800 34px/1.2 Manrope,Arial;margin:0}.heading p{color:var(--muted);margin-bottom:0}.jump{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:2px solid var(--orange);padding:12px 0}.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start}section{background:white;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:18px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:24px}.section-title>span{color:var(--orange);font-size:14px;font-weight:700}.section-title h2,.preview-heading h2{font:800 19px Manrope,Arial;margin:0}.section-title small{margin-left:auto;font-size:12px;color:var(--muted)}label{display:block;font-size:14px;font-weight:600;margin-bottom:16px;line-height:1.5}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}input:not([type=checkbox]):not([type=file]),textarea,select{font:400 16px 'DM Sans',Arial;width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:7px;display:block;margin-top:7px;background:#fff;color:var(--navy);min-width:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #a8c8fb;outline-offset:2px}input::placeholder,textarea::placeholder{color:#7c8797}.hint{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 16px}section>.hint:last-child{margin-bottom:0}.upload{border:1px dashed #9caec5;text-align:center;padding:24px 12px;border-radius:8px;background:#f7f9fc;cursor:pointer;font-size:16px;color:#1f5184}.upload input{display:block;width:100%;margin:12px auto;font-size:14px}.upload span{display:block;font-size:12px;color:var(--muted);font-weight:400}.photo-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.photo-item{min-width:0}.photo-item img{width:100%;height:84px;object-fit:cover;border-radius:5px}.photo-actions{display:flex;gap:4px}.photo-actions button{padding:3px;flex:1;font-size:14px;min-height:32px}.totals{background:#f1f5fa;border-radius:8px;padding:18px;margin:18px 0}.totals div{display:flex;justify-content:space-between;gap:8px;margin:8px 0;font-size:14px}.totals div:last-child{border-top:1px solid var(--line);padding-top:16px;font-size:18px}.check{display:flex;align-items:flex-start;gap:10px;margin-bottom:0;font-weight:400}.check input{width:18px;height:18px;flex-shrink:0;accent-color:var(--navy)}aside{position:sticky;top:24px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.preview-heading span{font-size:13px;color:var(--muted)}.offer{border-radius:12px;overflow:hidden;background:white;box-shadow:0 10px 40px #0c224015;border:1px solid var(--line)}.offer-top{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--navy);padding:20px 24px;color:white}.offer-top>span{font-size:12px;letter-spacing:1px;overflow-wrap:anywhere}.hero{aspect-ratio:16/9;background:#e5ebf2;display:flex;align-items:center;justify-content:center;color:#61758b;font-size:15px}.hero img{width:100%;height:100%;object-fit:contain;display:block}.offer-body{padding:24px}.status{display:inline-block;font-size:12px;padding:6px 9px;background:#eaf0f7;border-radius:4px}.offer-body h2{font:800 28px/1.3 Manrope,Arial;margin:14px 0 6px;overflow-wrap:anywhere}.specs{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 20px}.price{border-left:4px solid var(--orange);padding:4px 0 4px 17px;margin:20px 0 24px}.price>span{font-size:12px;font-weight:700;letter-spacing:1px}.price strong{font:800 36px Manrope,Arial;display:block;margin:4px 0}.price p{margin:5px 0 0;font-size:13px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gallery img{width:100%;height:85px;object-fit:cover;border-radius:3px}.offer-details{margin-top:20px}.offer-details>div{padding:11px 0;border-bottom:1px solid #e6ebf1}.offer-details b{font-size:13px}.offer-details p{font-size:14px;color:#42536b;line-height:1.6;margin:4px 0;white-space:pre-line;overflow-wrap:anywhere}.offer footer{padding-top:18px}.offer footer strong{font-size:15px;overflow-wrap:anywhere}.offer footer p{font-size:12px;color:var(--muted);margin-bottom:0}button{font:600 14px 'DM Sans',Arial;border:1px solid #bdcbdc;background:white;color:var(--navy);border-radius:7px;min-height:46px;padding:12px 14px;cursor:pointer}button:hover{background:#edf3fa}button:disabled{opacity:.5;cursor:not-allowed}.export{margin-top:18px}.export button{width:100%}.primary{background:var(--orange);color:white;border-color:var(--orange);font-size:16px}.primary:hover{background:#cf5216}.export-row{display:flex;gap:10px;margin:10px 0}.share{background:var(--navy);color:white;border-color:var(--navy)}.share:hover{background:#183c69}.export .hint{margin-top:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;box-shadow:0 5px 30px #0003;max-width:calc(100vw - 32px);padding:15px 22px;border-radius:8px;font-size:14px;display:none;z-index:5}#toast.show{display:block}[hidden]{display:none!important}@media(min-width:1200px){main{padding-left:50px;padding-right:50px}}@media(max-width:850px){header{padding:0 22px;height:72px}.brand span{display:none}.version{font-size:12px}.workspace{grid-template-columns:1fr;gap:18px}main{padding:28px 18px 60px}h1{font-size:27px}.heading{gap:15px;align-items:flex-start}.heading>div>p:last-child{font-size:14px;line-height:1.5}.jump{font-size:13px;white-space:nowrap}.grid{gap:0 12px}section{padding:22px 18px}aside{position:static}.offer{max-width:620px;margin:auto}.export{max-width:620px;margin:18px auto}.preview-heading{max-width:620px;margin:0 auto 16px}}@media(max-width:390px){.grid{grid-template-columns:1fr}.heading{display:block}.jump{display:inline-block}.price strong{font-size:30px}.section-title{gap:8px}.section-title h2{font-size:17px}}@media print{@page{size:A4;margin:12mm}body{background:white}header,.heading,#editor,.preview-heading,.export,#toast{display:none!important}main{margin:0;padding:0}.workspace{display:block}aside{position:static}.offer{max-width:680px;margin:auto;box-shadow:none;border:0;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.hero{max-height:220px}.offer-body{padding:16px 24px}.offer-details>div{padding:7px 0}.offer-body h2{font-size:24px}.gallery img{height:65px}.price{margin:15px 0}.offer-top{padding:15px 24px}}
.quick-settings{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;border-top:4px solid var(--orange);padding:25px 28px;margin-bottom:28px}.quick-settings h2{font:800 18px Manrope,Arial;margin:0 0 18px}.preset-panel{border-left:1px solid var(--line);padding-left:28px}.rate-row{display:flex;gap:12px;align-items:end}.rate-row label{flex:1;min-width:0;margin-bottom:14px}.rate-row button{margin-bottom:14px;max-width:160px}.quick-settings .hint{margin:3px 0 12px;min-height:2.5em}.quick-settings button{background:#eef3f9}.import-button{width:100%;background:var(--navy);color:white;margin:0 0 12px}.import-button:hover{background:#1b426f}.save-preset{border-top:1px solid var(--line);margin:24px 0;padding-top:22px}.save-preset button{width:100%;margin-bottom:12px}.save-preset label{margin-bottom:10px}.picker-heading{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:12px}.picker-heading span{color:var(--muted)}.candidate-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:470px;overflow:auto;margin:0 0 22px;padding:3px}.candidate{padding:0;position:relative;min-width:0;overflow:hidden;border:3px solid transparent;background:#e8edf3;min-height:90px}.candidate img{width:100%;height:105px;object-fit:contain;display:block}.candidate span{position:absolute;bottom:5px;left:5px;background:#0c2240e6;color:white;font-size:12px;border-radius:4px;padding:3px 6px}.candidate.selected{border-color:var(--orange)}.candidate.selected span{background:#c94e12}.candidate.failed img{visibility:hidden}input[readonly]{background:#f0f4f8!important;color:#40556c!important}#nextVehicle{width:100%}@media(max-width:1050px){.rate-row{flex-wrap:wrap}.rate-row button{max-width:none;width:100%;margin-bottom:10px}.rate-row label{flex-basis:42%}}@media(max-width:850px){.quick-settings{grid-template-columns:1fr;padding:22px 18px;gap:20px}.preset-panel{border-left:0;padding-left:0;padding-top:20px;border-top:1px solid var(--line)}.rate-row button{width:auto}.candidate img{height:100px}}@media print{.quick-settings{display:none!important}}
.logo-window{position:relative;overflow:hidden;width:220px;aspect-ratio:3580/1240;background:white;flex-shrink:0}.logo-window img{position:absolute;width:114.414%;height:auto;max-width:none;left:-11.732%;top:-110.484%}header{background:#fff;color:var(--navy);border-bottom:3px solid var(--orange);height:98px}header .version{color:var(--muted)}.offer-top{background:#fff;color:var(--navy);border-bottom:3px solid var(--orange);padding:14px 20px}.offer-top .logo-window{width:210px;max-width:68%}@media(max-width:500px){header .logo-window{width:190px}header .version{max-width:105px;text-align:right}.offer-top .logo-window{width:180px}.offer-top{gap:8px}}@media print{.offer-top .logo-window{width:200px}}
.session-help{background:#fff3df;border:1px solid #e3c38e;color:#67450d;border-radius:8px;padding:16px;margin-bottom:24px;font-size:15px;line-height:1.5}.session-help a{font-weight:700;color:#67450d}@media print{.session-help{display:none!important}}
.vehicle-list{display:grid;gap:12px;margin-bottom:12px}.vehicle-card{min-width:0}.vehicle-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.vehicle-card-header strong{font-size:14px;flex:1;min-width:0}.vehicle-card-header button{font-size:13px;padding:6px 10px;min-height:36px;flex-shrink:0}.vehicle-card label{margin-bottom:8px}.vehicle-list:not(.batch-mode) .vehicle-card-header{display:none}.batch-mode .vehicle-card{border:1px solid var(--line);border-radius:9px;padding:14px;background:#f8fafc}.batch-mode .vehicle-card.active{border:2px solid var(--orange);padding:13px;background:#fff}.vehicle-card-details{font-size:14px;font-weight:600;margin:10px 0;line-height:1.5;overflow-wrap:anywhere}.vehicle-card-status{font-size:13px;line-height:1.5;color:var(--muted);margin:9px 0 0}.vehicle-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:10px}.vehicle-thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;background:#e8edf3}.add-vehicle{width:100%;border-style:dashed;border-color:#829ab9;background:#f2f6fb;color:#214b7d;margin-bottom:9px}.batch-hint{font-size:14px;line-height:1.5;min-height:1.5em}.import-all{width:100%;margin-bottom:12px;border-color:var(--navy);background:#eef3f9}.active-vehicle-heading{font:700 15px Manrope,Arial;border-top:1px solid var(--line);padding-top:20px;margin:20px 0}#exportBatch{margin-bottom:8px}.batch-export-message{font-size:14px!important;line-height:1.5;margin:0 0 16px!important}.remove-vehicle{color:#7b3d37}#batchCommonHint{font-size:14px}@media(max-width:480px){.batch-mode .vehicle-card{padding:11px}.batch-mode .vehicle-card.active{padding:10px}.vehicle-card-header{flex-wrap:wrap}.vehicle-card-header strong{flex-basis:100%}.vehicle-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-card-header button{min-height:40px;flex:1}}

/* Give selected and available photos room on both desktop and mobile. */
.candidate-photos,.photo-editor,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.candidate-photos{max-height:clamp(410px,62vh,700px);gap:12px}
.candidate img,.photo-item img,.gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#edf1f5}
.gallery{gap:10px}.gallery img:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:2.4}
.photo-actions button{min-height:37px}.vehicle-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:520px){.vehicle-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.candidate-photos{gap:8px}.gallery{gap:7px}}