@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:dark;--bg:#06121c;--ink:#ecf4fc;--muted:#a4bbcc;--line:#2b465b;--font:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{height:100%;background:var(--bg)}body{height:100vh;height:var(--app-height,100dvh);margin:0;display:flex;flex-direction:column;overflow:hidden;color:var(--ink);font:16px/1.45 var(--font);background:radial-gradient(ellipse at 25% 50%,#123043,transparent 70%),#06121c}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#0e2434;padding:9px 13px}button:hover:not(:disabled){background:#1b3a50;border-color:#5991b8}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{border-color:#72c2ff;background:#18476c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #91d3ff;outline-offset:3px}a{color:#9bd1ff}h1,h2,h3,p{margin:0}h2{font:650 23px/1.25 'Manrope',var(--font);letter-spacing:-.5px}h3{font-size:17px}.quiet{border:0;background:transparent;color:#a5c9e3;padding:5px 9px;font-size:14px}.site-header{height:70px;flex:none;padding:10px 28px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #263c4a}.wordmark{font:800 31px/.9 'Manrope',var(--font);letter-spacing:-1.5px}.wordmark span{display:block;font:500 10px/1.6 var(--font);letter-spacing:5px;margin-top:6px}.header-name{font-size:14px;color:#b2cadb;border-left:1px solid var(--line);padding-left:22px}.site-header>.quiet{margin-left:auto}main{flex:1;min-height:0;width:100%;max-width:1600px;margin:auto;padding:12px 24px 0;display:flex;flex-direction:column;gap:10px}.vehicle-bar{display:flex;align-items:center;gap:10px;flex:none}.vehicle-bar #change-vehicle{display:flex;gap:22px;align-items:center;min-width:280px;text-align:left;border-color:#36576e}.change-label{margin-left:auto;font-size:14px;color:#89cbff}#change-body{font-size:14px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.vehicle-stage{min-height:0;position:relative;overflow:hidden;border:1px solid #224056;border-radius:16px;background:radial-gradient(ellipse at 50% 58%,#173c5570,transparent 70%)}#vehicle-canvas{position:absolute;inset:0}#vehicle-canvas canvas{width:100%;height:100%;display:block;touch-action:none}.stage-top{position:absolute;left:16px;right:10px;top:8px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-top button{pointer-events:auto;background:#071a2599}#view-label{font-size:12px;letter-spacing:2px;color:#a6c8dd}.area-tag{position:absolute;top:59px;right:16px;max-width:78%;padding:5px 10px;border:1px solid #a57647;border-radius:7px;background:#392919e8;color:#ffd0a3;font-size:14px;pointer-events:none}.stage-instruction{position:absolute;bottom:70px;left:0;right:0;text-align:center;color:#9ab4c7;font-size:14px;pointer-events:none}.vehicle-tools{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:7px;align-items:center;justify-content:center}.vehicle-tools button{background:#0a2131dd;font-size:18px;padding:8px 12px}.vehicle-tools button span{font-size:14px}#area-button{font-size:14px}.model-loading{position:absolute;top:45%;left:15%;right:15%;text-align:center;font-size:16px;color:#c3e4fc}.service-panel{align-self:center;border:1px solid #3a5a71;border-radius:16px;background:linear-gradient(130deg,#142e40,#0a1b28);box-shadow:0 16px 50px #0003;overflow:auto;max-height:100%;min-height:0}.panel-top{padding:6px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2c4659;gap:10px;color:#92b6cf;font-size:14px}.panel-top .quiet{padding-right:0}#journey{padding:18px;display:flex;flex-direction:column;gap:12px}.copy{font-size:16px;color:var(--muted)}textarea,input,select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #42647e;border-radius:8px;background:#071722;color:#eef7ff;font-size:16px}textarea{height:86px;resize:none;line-height:1.45}textarea::placeholder,input::placeholder{color:#8da8bc}label{font-size:14px;color:#bed3e2;display:flex;flex-direction:column;gap:5px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-actions{display:flex;gap:7px}.input-actions button{flex:1;font-size:14px;padding:7px}.input-actions .listening{color:#ffcf9c;border-color:#c6894f}.primary{background:linear-gradient(140deg,#3ba7fa,#1474e3);border:1px solid #69bfff;font-weight:600;width:100%;min-height:46px}.primary:hover:not(:disabled){background:linear-gradient(140deg,#66beff,#277fe6)}.secondary{font-size:13px;color:#94adbf;line-height:1.5}.example-button{font-size:14px;background:none;border:0;color:#91cfff;padding:4px 0;min-height:28px;text-align:left;text-decoration:underline;text-underline-offset:3px}.review-quote{font-size:17px;line-height:1.5;border-left:2px solid #7dcaff;padding-left:10px;max-height:52px;overflow:auto;overflow-wrap:anywhere}.summary-card{display:grid;gap:0;background:#081d2a;border:1px solid #31536c;border-radius:10px;padding:9px 12px}.summary-row{font-size:16px;padding:5px 0;color:#d1e5f3}.summary-row+.summary-row{border-top:1px solid #203d52}.summary-row:before{content:'◇';font-size:14px;color:#78b9e5;margin-right:9px}.button-pair{display:flex;gap:8px}.button-pair>*{flex:1;min-width:0;font-size:14px}.button-pair .primary{font-size:16px}.question-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.question-choices button{font-size:16px;text-align:left}.question-area{width:100%}.back-button{font-size:14px;color:#a2cae5;background:none;border:0;padding:4px;min-height:34px}.dealer-address{font-size:14px;color:#a9c1d3;line-height:1.4}.visit-fields{display:grid;gap:10px}.visit-summary{display:grid;gap:8px;font-size:16px}.visit-summary p{padding:8px 10px;background:#0a2030;border-radius:8px}.visit-summary small{font-size:14px;color:#a9c1d3}.done-note{font-size:14px;background:#123651;border:1px solid #416c8b;border-radius:8px;padding:9px 11px;color:#cce8fc}.disabled-booking{background:transparent;border-style:dashed;opacity:1!important;font-size:14px;color:#a7bfd0}.photo-chip{display:inline-flex;align-items:center;gap:7px;font-size:14px;min-height:32px;width:fit-content;padding:4px 8px;color:#a9d7f9}.photo-chip img{width:28px;height:22px;object-fit:cover;border-radius:3px}footer{text-align:center;font-size:12px;color:#829fb5;flex:none;padding:6px 10px max(7px,env(safe-area-inset-bottom))}dialog{color:#eaf5ff;background:#0b2030;border:1px solid #456b86;border-radius:18px;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.close-button{font-size:26px;min-width:44px;padding:0;border:0;background:transparent}.search-label{margin:14px 0}.vehicle-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vehicle-options button{text-align:left;font-size:16px}.vehicle-options small{display:block;font-size:13px;color:#92adc2}.body-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.body-options button{padding:7px 3px;font-size:14px}.body-options img{display:block;width:100%;height:62px;object-fit:contain}.area-options{display:grid;gap:6px}.area-options button{text-align:left;font-size:16px}dialog .secondary{margin-top:14px}#edit-fields{display:grid;gap:12px;margin-bottom:16px}#attached-photo{display:block;width:100%;max-height:50dvh;object-fit:contain}#photo-dialog>button{margin-top:14px}#about-dialog p{font-size:16px;line-height:1.6;margin:13px 0}#toast{position:fixed;z-index:99;left:50%;top:70px;transform:translateX(-50%);border:1px solid #5785a5;border-radius:9px;background:#11344c;color:#e7f4fc;box-shadow:0 8px 28px #0005;padding:10px 15px;width:max-content;max-width:calc(100vw - 24px);font-size:14px;pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px){.site-header{height:54px;padding:7px 14px;gap:12px}.wordmark{font-size:25px}.wordmark span{font-size:8px;letter-spacing:4px;margin-top:3px}.header-name{border:0;padding:0;font-size:13px}.site-header>.quiet{padding:5px 0;font-size:13px}main{padding:6px 8px 0;gap:6px}.vehicle-bar{gap:6px}.vehicle-bar #change-vehicle{flex:1;min-width:0;gap:8px;padding:6px 10px;min-height:42px;font-size:16px}#vehicle-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#change-body{min-height:42px;padding:6px 10px}.change-label{font-size:14px}.workspace{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(135px,1fr) auto;gap:7px}.vehicle-stage{border-radius:12px}.stage-top{top:0;left:12px;right:4px}.stage-top .quiet{font-size:14px}#view-label{font-size:12px;letter-spacing:1px}.area-tag{top:43px;right:10px;font-size:14px;max-width:85%;padding:3px 7px}.stage-instruction{display:none}.vehicle-tools{bottom:5px;left:6px;right:6px;gap:5px;justify-content:stretch}.vehicle-tools button{flex:1;font-size:20px;padding:3px 5px;min-height:40px}.vehicle-tools button span{display:none}#area-button{flex:2.8;font-size:14px}.service-panel{border-radius:12px;align-self:stretch;max-height:none;overflow:visible}.panel-top{padding:0 12px;font-size:13px;min-height:32px}.panel-top .quiet{min-height:30px;font-size:13px}#journey{padding:11px 12px;gap:8px}h2{font-size:21px}.copy{font-size:16px}textarea{height:65px;padding:8px 10px}.input-actions button{min-height:42px}.primary{min-height:44px;padding:8px}.example-button{min-height:26px}.summary-card{padding:5px 10px}.summary-row{font-size:16px;padding:5px 0}.review-quote{font-size:16px;max-height:47px}.visit-fields{gap:7px}.visit-summary{gap:6px}.visit-summary p{padding:6px 9px}.done-note{padding:7px 10px}.secondary{font-size:12px}footer{font-size:12px;padding:4px 8px max(4px,env(safe-area-inset-bottom))}.question-choices{gap:5px}.question-choices button{font-size:15px;padding:7px 10px;min-height:42px}dialog{padding:16px}.vehicle-options{grid-template-columns:1fr}.body-options{grid-template-columns:repeat(2,1fr)}.body-options img{height:60px}#toast{top:58px}.keyboard-open .vehicle-stage{display:none}.keyboard-open .workspace{grid-template-rows:auto}.keyboard-open .panel-top{display:none}.keyboard-open #journey{gap:6px}.keyboard-open #journey>.copy,.keyboard-open .example-button{display:none}.keyboard-open .service-panel{overflow:auto}.keyboard-open footer{display:none}}
@media(max-height:580px){body{overflow:auto;min-height:580px;height:auto}.workspace{min-height:390px}.service-panel{overflow:visible;max-height:none}body.keyboard-open{height:var(--app-height,100dvh);min-height:0;overflow:hidden}body.keyboard-open .workspace{min-height:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.review-quote{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.review-secondary button{min-height:34px;padding:4px}.review-secondary{gap:8px}#photo-dialog .button-pair{margin-top:14px}

/* Component workspace: one visible task, persistent ways to answer. */
.vehicle-bar #change-vehicle{flex:1;max-width:530px}#model-status{color:#9bcfb9;font-size:14px}#model-status.unavailable{color:#c9bdac}
.stage-top{gap:8px;z-index:3}#whole-car{margin-left:auto;min-height:40px;padding:5px 9px;font-size:14px;pointer-events:auto;background:#0c2537e8}.area-tag{top:60px;left:16px;right:auto;max-width:calc(100% - 32px)}
.input-toolbar{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 16px 13px;border-top:1px solid #29485d}.input-toolbar button{font-size:16px;min-height:44px;background:#163950}.input-toolbar button[aria-pressed=true]{color:#ffcf9c;border-color:#c6894f}
#part-shortcuts{display:flex;gap:5px;padding:10px 14px 0}#part-shortcuts button{flex:1;min-width:0;font-size:14px;padding:5px 8px;min-height:44px;line-height:1.2;background:#132d3f}#part-shortcuts button[aria-pressed=true]{border-color:#d49d62;color:#ffd2a4;background:#3b2d22}
#asset-missing{position:absolute;left:24px;right:24px;top:50%;transform:translateY(-50%);max-width:530px;margin:auto;text-align:center;display:grid;gap:12px}#asset-missing p{font-size:16px;color:#b6c9d5}#asset-missing h2{font-size:22px}#asset-missing .button-pair{justify-content:center}
.catalog-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 12px;font-size:13px;color:#a6bfd1}.catalog-filter label{flex-direction:row;align-items:center;gap:8px;font-size:14px}.catalog-filter input{width:19px;height:19px;min-height:19px}.vehicle-options{max-height:40dvh;overflow:auto;padding:3px}.manual-entry{margin:16px 0 0;padding:12px 0;border-top:1px solid #365164}.manual-entry summary{cursor:pointer;min-height:32px;color:#a8d7fb}.manual-entry form{display:grid;gap:12px;margin-top:10px}#manual-error{color:#ffc28b}.vehicle-options button{display:flex;flex-direction:column;gap:3px}.service-panel[data-phase=visit] #part-shortcuts,.service-panel[data-phase=done] #part-shortcuts{display:none}
@media(max-width:760px){
 .vehicle-bar{flex-wrap:wrap;gap:2px}.vehicle-bar #change-vehicle{max-width:none;width:100%}#model-status{font-size:12px;padding-left:5px;line-height:18px}.workspace{grid-template-rows:minmax(175px,1fr) auto}.stage-top{left:9px;right:4px;top:0;gap:3px}#whole-car{font-size:13px;min-height:40px;padding:3px 7px}.area-tag{top:39px;left:8px;max-width:calc(100% - 16px);font-size:13px;padding:2px 6px}.input-toolbar{padding:6px 10px 8px;gap:6px}.input-toolbar button{min-height:42px;padding:7px;font-size:15px}#part-shortcuts{padding:6px 10px 0;gap:4px}#part-shortcuts button{font-size:14px;min-height:40px;padding:4px}#journey{padding:10px;gap:8px}#journey h2{font-size:20px}.question-choices button{min-height:42px;font-size:15px;padding:6px 8px}.summary-row{padding:3px 0}.visit-summary p{padding:5px 9px}#asset-missing{left:10px;right:10px;gap:8px}#asset-missing h2{display:none}#asset-missing p{font-size:15px}#asset-missing button{font-size:13px;padding:5px 7px}.panel-top{display:none}.model-loading{left:8%;right:8%;font-size:15px}
}
@media(max-width:760px) and (min-height:580px) and (max-height:650px){.workspace{grid-template-rows:minmax(170px,1fr) auto}#journey{gap:6px;padding:8px 10px}.question-choices button{min-height:40px}.input-toolbar{padding-top:5px;padding-bottom:6px}.input-toolbar button{min-height:40px}#part-shortcuts{padding-top:5px}#part-shortcuts button{min-height:40px}.visit-fields select{min-height:40px;padding:7px 10px}.visit-fields{gap:5px}.vehicle-tools button{min-height:36px}.service-panel .primary{min-height:42px}}
@media(max-height:580px){.workspace{min-height:430px}}
.orientation-label{position:absolute;transform:translate(-50%,-50%);padding:2px 6px;font-size:14px;color:#b3c5d1;background:#091b25b0;pointer-events:none;border-radius:4px}.stage-top #view-label{margin-right:auto}
@media(max-width:760px){#model-status{font-size:14px;line-height:19px}.area-tag{font-size:14px}.input-toolbar button,.question-choices button{font-size:16px}}
@media(max-width:760px){.vehicle-bar #change-vehicle{flex:1 0 100%}#model-status{flex:1 0 100%;padding:1px 3px}.vehicle-tools button{min-height:40px}}
#part-shortcuts{position:absolute;left:8px;right:8px;bottom:8px;padding:0;z-index:3}#part-shortcuts button{background:#102a3def;min-height:44px}.vehicle-stage:has(#part-shortcuts:not([hidden])) .vehicle-tools{display:none}.stage-instruction{bottom:65px}
@media(max-width:760px){#part-shortcuts{left:6px;right:6px;bottom:5px}#part-shortcuts button{padding:4px 2px;min-height:44px;font-size:14px}.workspace{grid-template-rows:minmax(165px,1fr) auto}}