.quote-preview{--client-paper:#f7f9f6;--client-card:#fff;--client-line:#d8e2da;--client-soft:#586b60;--client-egi:#305e4b;--client-egi-deep:#244a3b;--ink:#203c30;background:var(--client-paper)}.quote-wrap{background:var(--client-paper);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.quote-head{align-items:baseline;gap:8px;padding:16px 20px 0;display:flex}.quote-back{cursor:pointer;color:var(--client-soft);background:0 0;border:none;min-width:44px;min-height:44px;padding:4px 8px;font-size:20px}.quote-brand{letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:800}.quote-sub{color:var(--client-soft);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:600}.quote-rail{gap:5px;padding:10px 20px 0;display:flex}.quote-rail i{background:#e7e1d3;border-radius:3px;flex:1;height:5px}.quote-rail i.on{background:var(--client-egi)}.quote-step{flex:1;padding:18px 20px}.quote-step h2{letter-spacing:-.01em;color:var(--ink);margin:0 0 10px;font-size:23px;line-height:1.15}.quote-note{color:var(--client-soft);font-size:14px;line-height:1.55}.quote-actions{padding:0 20px 20px}.quote-primary{background:var(--client-egi);color:#fff;cursor:pointer;border:none;border-radius:13px;width:100%;min-height:52px;padding:15px;font-family:inherit;font-size:16px;font-weight:700}.quote-primary:active{background:var(--client-egi-deep)}.quote-primary:disabled{color:#a49b88;cursor:default;background:#dcd5c6}.qj-save{color:var(--client-soft);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:inline-flex}.qj-save-error{color:#b42318;font-weight:600}.qj-retry{font:inherit;color:#fff;cursor:pointer;background:#b42318;border:0;border-radius:6px;min-height:28px;padding:3px 10px;font-size:11px;font-weight:600}.qj-retry:focus-visible{outline-offset:2px;outline:2px solid #b42318}.qj-localnote{color:var(--client-soft);background:#f3ecdf;border-radius:10px;margin:8px 20px 0;padding:8px 12px;font-size:12px}.qj-error{color:#8f2c22;background:#f7e3e0;border:1.5px solid #e3b8b2;border-radius:10px;margin:8px 20px 0;padding:9px 12px;font-size:13px}.qj-grid{grid-template-columns:1fr 1fr;gap:11px;margin:10px 0;display:grid}.qj-card{text-align:left;background:var(--client-card);border:1.5px solid var(--client-line);cursor:pointer;border-radius:14px;flex-direction:column;gap:3px;min-height:44px;padding:13px;font-family:inherit;transition:transform .1s,border-color .1s;display:flex;box-shadow:0 2px 8px #5a46280f}.qj-card:active{border-color:var(--client-egi);transform:scale(.97)}.qj-card b{color:var(--ink);font-size:14.5px}.qj-card span{color:var(--client-soft);font-size:11.5px}.qj-card.sel{border-color:var(--client-egi);border-width:2px;padding:12px;box-shadow:0 4px 14px #e8611c24}:is(.qj-card:focus-visible,.qj-chip:focus-visible,.qj-ghost:focus-visible){outline:2px solid var(--client-egi);outline-offset:2px}.qj-pic-card{text-align:center;align-items:center;gap:7px;padding-top:16px}.qj-pic-slot{width:52px;height:52px;color:var(--client-soft);justify-content:center;align-items:center;display:flex}.qj-pic-slot svg{width:100%;height:100%}.qj-pic-card.sel .qj-pic-slot{color:var(--client-egi-deep)}.qj-chips{flex-wrap:wrap;gap:9px;margin:6px 0 14px;display:flex}.qj-chip{background:var(--client-card);cursor:pointer;min-height:44px;color:var(--ink);border:1.5px solid #d9d1c0;border-radius:999px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .1s}.qj-chip:active{transform:scale(.95)}.qj-chip.on{background:var(--client-egi-deep);color:#fff;border-color:var(--client-egi-deep)}.qj-lab{color:var(--client-soft);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 5px;font-size:11px;font-weight:700}.qj-field{margin:10px 0;display:block}.qj-field .qj-lab{margin:0 0 5px;display:block}.qj-field input,.qj-field textarea{background:var(--client-card);width:100%;color:var(--ink);box-sizing:border-box;border:1.5px solid #d9d1c0;border-radius:11px;padding:13px 14px;font-family:inherit;font-size:16px}.qj-field textarea{resize:vertical;min-height:66px}.qj-field input:focus,.qj-field textarea:focus{outline:2px solid var(--client-egi);outline-offset:1px}.qj-suburb-hits{background:var(--client-card);border:1.5px solid #d9d1c0;border-radius:11px;margin-top:6px;overflow:hidden}.qj-suburb-hit{text-align:left;cursor:pointer;border:none;border-top:1px solid var(--client-line);width:100%;font:inherit;color:var(--ink);background:0 0;padding:11px 14px;font-size:14px;display:block}.qj-suburb-hit:first-child{border-top:0}:is(.qj-suburb-hit:hover,.qj-suburb-hit:focus-visible){background:#f7f2e8}.qj-ghost{color:var(--client-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;min-height:44px;margin:10px auto;font-family:inherit;font-size:14px;text-decoration:underline;display:block}.qj-fine{color:var(--client-soft);font-size:12.5px;line-height:1.5}.qj-quote{color:#5c5344;background:#f3ecdf;border-radius:12px;margin:10px 0;padding:11px 14px;font-size:13.5px;font-style:italic;line-height:1.5}.qj-flag{color:#8f2c22;background:#f7e3e0;border:1.5px solid #e3b8b2;border-radius:12px;margin-top:10px;padding:11px 13px;font-size:13px;line-height:1.45}.qj-sketchbox{background:#fffdf4;border:1.5px solid #26221a;border-radius:4px;margin:10px 0;padding:10px}.qj-sketch{height:130px;position:relative}.qj-room{background:#fff;border:1.5px solid #26221a;font-family:ui-monospace,monospace;font-size:11px;transition:width .3s,height .3s;position:absolute;top:8%;left:50%;transform:translate(-50%)}.qj-dimt{text-align:center;position:absolute;top:2px;left:0;right:0}.qj-diml{position:absolute;top:45%;left:5px}.qj-sketchcap{text-align:center;color:#6d654f;letter-spacing:.05em;margin-top:6px;font-family:ui-monospace,monospace;font-size:10.5px}.qj-slots{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0;display:grid}.qj-slot{background:var(--client-card);opacity:.75;border:1.5px dashed #c9c0ab;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:84px;padding:6px;display:flex}.qj-slot span{color:#6d654f;text-align:center;font-size:11px;font-weight:700}.qj-slot small{color:#a49b88;font-size:9.5px}.qj-slot{background-position:50%;background-size:cover;position:relative}.qj-slot label{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;min-height:72px;display:flex}.qj-slot.filled{opacity:1;border-style:solid;border-color:#7a9471}.qj-slot.filled span,.qj-slot.filled small{background:#fffdf4d9;border-radius:4px;padding:1px 5px}.qj-slot.busy{opacity:.55}.qj-slot-x{cursor:pointer;color:#26221a;background:#fffdf4;border:1.5px solid #26221a;border-radius:50%;width:22px;height:22px;font-weight:800;line-height:1;position:absolute;top:-7px;right:-7px}.qj-meter{background:#fffdf4;border:1.5px solid #26221a;border-radius:4px;margin:10px 0;padding:13px}.qj-meter-row{justify-content:space-between;align-items:center;display:flex}.qj-pct{font-family:ui-monospace,monospace;font-size:22px;font-weight:700}.qj-band{letter-spacing:.04em;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:800}.qj-band-start{color:#5c574e;background:#eae6db}.qj-band-mid{color:#7a5a14;background:#f2e3c9}.qj-band-good{color:#2c5e34;background:#dcedd9}.qj-ruler{background:#fff;border:1.5px solid #26221a;border-radius:2px;height:16px;margin-top:9px;position:relative;overflow:hidden}.qj-ruler i{background:repeating-linear-gradient(90deg,#ff5a1f,#ff5a1f 8px,#ffb08e 8px 10px);transition:width .5s;position:absolute;top:0;bottom:0;left:0}@media (prefers-reduced-motion:reduce){.qj-ruler i,.qj-room{transition:none}}.qj-action{margin-top:10px;font-size:13.5px;line-height:1.5}.qj-review{background:var(--client-card);border:1.5px solid var(--client-line);border-radius:14px;margin:10px 0;padding:6px 13px}.qj-rrow{border-bottom:1px solid #efe9db;align-items:baseline;gap:10px;padding:9px 0;font-size:14px;display:flex}.qj-rrow:last-child{border-bottom:none}.qj-rk{color:var(--client-soft);flex:none}.qj-rv{text-align:right;color:var(--ink);overflow-wrap:anywhere;flex:1;font-weight:700}.qj-redit{color:var(--client-egi);cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:12px;font-weight:700}.qj-done{color:#2c5e34;background:#dcedd9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:14px auto 6px;font-size:34px;display:flex}.qj-center{text-align:center}.qj-resume{background:var(--client-card);border:1.5px solid var(--client-line);border-radius:14px;margin:12px 0;padding:12px 13px}.qj-resume-row{gap:8px;display:flex}.qj-resume-row input{background:#fff;border:1.5px solid #d9d1c0;border-radius:11px;flex:1;min-width:0;padding:12px 13px;font-family:inherit;font-size:16px}.qj-resume-row input:focus{outline:2px solid var(--client-egi);outline-offset:1px}.qj-resume-row .qj-chip:disabled{opacity:.5;cursor:default}.quote-preview .quote-wrap{max-width:760px}.quote-preview input,.quote-preview select,.quote-preview textarea{box-sizing:border-box;max-width:100%;font-size:16px}.quote-preview button{min-height:44px}.quote-preview-banner{color:#584825;background:#fff2d5;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 24px;display:flex}.quote-preview .quote-head{flex-wrap:wrap}.quote-preview .qj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-preview .quote-step:focus{outline:none}@media (max-width:420px){.quote-preview .quote-step{padding:18px 14px}.quote-preview-banner{padding:12px 14px;font-size:13px}}.quote-preview{--client-paper:var(--egi-wash);--client-card:var(--egi-paper);--client-line:var(--egi-line);--client-soft:var(--egi-muted);--client-egi:var(--egi-green);--client-egi-deep:#184735;--ink:var(--egi-ink);padding-bottom:90px}.quote-preview .quote-preview-banner{border-radius:0 0 20px 20px;flex-direction:row;width:auto;max-width:760px;height:auto;margin:0 auto;font-size:13px;line-height:1.5;position:static;inset:auto}.quote-preview .quote-head{background:0 0;border:0;justify-content:flex-start;height:auto;min-height:64px;padding:14px 20px}.quote-preview .quote-step{width:auto;max-width:none;margin:0;padding:24px 20px}.quote-preview .quote-progress{color:var(--egi-muted);padding:8px 20px;font-size:13px;font-weight:600}.quote-preview .quote-rail{padding:10px 0 0}.quote-preview .qj-localnote{font-size:13px}.quote-preview .qj-card{border-radius:var(--egi-radius);box-shadow:var(--egi-shadow)}.quote-preview .qj-card.sel{box-shadow:0 0 0 1px var(--egi-green);background:#e5f2e9}.quote-preview .qj-card b{font-size:16px}.quote-preview .qj-card span{font-size:13px}.quote-preview .qj-pic-slot{color:var(--egi-green)}.quote-preview .qj-meter,.quote-preview .qj-sketchbox{border:1px solid var(--egi-line);background:#fff;border-radius:20px}.quote-preview .qj-ruler{border:1px solid var(--egi-line);border-radius:999px}.quote-preview .qj-ruler i{background:linear-gradient(90deg,#99c7ad,var(--egi-green))}.quote-preview .qj-fine,.quote-preview .quote-note,.quote-preview .qj-action{font-size:15px;line-height:1.6}.quote-preview .qj-slot{opacity:1}.quote-preview .qj-slot small{color:var(--egi-muted);font-size:12px}.quote-preview .qj-slot span{font-size:13px}.quote-preview .qj-rrow{flex-wrap:wrap}.quote-preview .qj-rv{min-width:0}.quote-preview .quote-actions{padding-bottom:24px}@media (max-width:480px){.quote-preview .qj-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-preview .quote-step{padding:20px 14px}.quote-preview .qj-meter-row{flex-wrap:wrap;gap:8px}}@media (prefers-reduced-motion:reduce){.quote-preview *{transition:none!important;transform:none!important}}