.quote-body,.quote-hero{--silver-primary:var(--silver-violet);--silver-primary-hover:var(--silver-violet-hover);--silver-border:var(--silver-line);--silver-input-border:#858ba3}.quote-hero{background:var(--silver-canvas);padding:48px 0 32px}.quote-hero h1{letter-spacing:-.048em;margin:24px 0 12px;font-size:clamp(38px,4.65vw,66px);line-height:1.02}.quote-hero h1 span{color:var(--silver-primary)}.quote-hero p{color:var(--silver-muted);font-size:20px}.quote-body{padding-block:28px 48px}.quote-card{border:1px solid var(--silver-border);background:var(--silver-panel);border-radius:8px;padding:28px}.quote-card h2{margin-top:0}.quote-workspace{grid-template-columns:1fr 1fr;gap:0 32px;margin-top:28px;display:grid}.quote-text,.quote-options{grid-column:1}.quote-side{border-left:1px solid var(--silver-border);grid-area:1/2/span 2;align-self:start;min-width:0;padding-left:28px;position:sticky;top:16px}.quote-controls{border:0;min-width:0;margin:0;padding:0}.quote-controls label,.quote-label{margin:0 0 8px;font-weight:650;display:block}.quote-controls .color-field{margin-bottom:16px}.quote-controls .color-field .color-controls{width:100%;margin-top:-2px}.quote-controls [aria-invalid=true]{border-color:var(--silver-error)}.quote-controls input:not(.sr-only,[data-color-picker],[data-color-hex]),.quote-controls select,.quote-controls textarea{box-sizing:border-box;border:1px solid var(--silver-input-border);width:100%;min-height:44px;color:var(--silver-ink);font:inherit;background:#fff;border-radius:5px;margin-top:6px;margin-bottom:16px;padding:10px 12px;display:block}.quote-controls textarea{resize:vertical}.quote-pair{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.quote-image-controls{border-top:1px solid var(--silver-border);margin-top:24px;padding-top:24px}.quote-image-controls .quote-pill{margin-bottom:8px}#quote-file:focus-visible+.quote-pill{outline:3px solid var(--silver-violet);outline-offset:3px}#quote-image-fields{margin-top:16px}.quote-preview-panel{min-width:0}.quote-preview-panel h3{margin-top:0}.quote-preview-surface{border:1px solid var(--silver-border);background:#e9eaf2;border-radius:8px;place-items:center;min-height:320px;padding:12px;display:grid;overflow:hidden}.quote-preview-surface img{object-fit:contain;outline:1px solid var(--silver-input-border);width:auto;max-width:100%;height:auto;max-height:min(660px,60vh);display:block}#quote-empty{text-align:center;color:var(--silver-muted);padding:24px}.quote-hint,#quote-summary,#quote-status{color:var(--silver-muted);font-size:14px}.quote-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.quote-card .quote-pill,.quote-card #quote-remove-image{border:1px solid var(--silver-input-border);min-height:44px;color:var(--silver-ink);font:inherit;cursor:pointer;box-sizing:border-box;background:#fff;border-radius:100px;justify-content:center;align-items:center;padding:10px 18px;font-weight:650;text-decoration:none;display:inline-flex}.quote-card .quote-primary{background:var(--silver-primary);color:#fff;border-color:var(--silver-primary)}.quote-card .quote-primary:hover{background:var(--silver-primary-hover)}.quote-card button:disabled{opacity:.65;cursor:not-allowed}.quote-card [hidden]{display:none!important}.quote-alert{color:var(--silver-error);font-size:14px}.quote-info{grid-template-columns:1fr 1fr;gap:40px;padding-block:32px;display:grid}.quote-info p,.quote-info li,.quote-faq p{color:var(--silver-muted)}.quote-info li{margin-bottom:12px}.quote-faq details{background:var(--silver-panel);border:1px solid var(--silver-border);border-radius:5px;margin-bottom:12px;padding:16px}.quote-faq summary{cursor:pointer;min-height:28px}@media (width<=900px){.quote-workspace{grid-template-columns:1fr}.quote-side{display:contents}.quote-text,.quote-options,.quote-preview-panel,.quote-outcome{grid-area:auto/1}.quote-text{order:1}.quote-preview-panel{z-index:1;background:var(--silver-panel);border-bottom:1px solid var(--silver-border);order:2;margin:0 -8px 16px;padding:8px;position:sticky;top:0}.quote-preview-panel h3,.quote-preview-note{display:none}.quote-preview-surface{min-height:120px}.quote-preview-surface img{max-height:34vh}.quote-preview-panel .quote-alert{margin:6px 0 0}.quote-options{order:3}.quote-outcome{border-top:1px solid var(--silver-border);order:4;margin-top:8px}}@media (width<=700px){.quote-card{padding:23px}.quote-info{grid-template-columns:1fr;gap:12px}.quote-pair{gap:0 12px}.quote-controls .color-field .color-controls{gap:6px}.quote-controls .color-field [data-color-hex]{padding-inline:6px;font-size:14px}}
