.area-preview-root{max-width:700px;margin:0 auto}.area-search{display:flex;gap:8px;max-width:400px;margin:0 auto}.area-input{flex:1;background:var(--bg-elev, #0F1524);border:1px solid var(--border, #1F2940);color:var(--text, #E6EAF2);padding:11px 14px;border-radius:6px;font-size:14px;outline:none}.area-input:focus{border-color:var(--accent, #6C5CE7);box-shadow:0 0 0 2px #6c5ce759}.area-btn{background:var(--surface-hi, #1A2238);border:1px solid var(--border-hi, #2A3654);color:var(--text, #E6EAF2);padding:11px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.area-btn:hover{background:var(--border, #1F2940)}.area-btn:disabled{opacity:.5;cursor:not-allowed}.area-btn-primary{background:var(--accent, #6C5CE7);border-color:var(--accent, #6C5CE7);color:#fff}.area-btn-primary:hover{background:var(--accent-hi, #8472F0)}.area-error{color:#f87171;font-size:14px;margin-top:12px;text-align:center}.area-loading{color:var(--text-dim, #9BA3B8);font-size:14px;text-align:center;margin-top:24px}.area-results{margin-top:32px;text-align:left}.area-location h2{font-family:Cinzel,serif;font-size:22px;color:var(--text, #E6EAF2);margin:0 0 4px;text-align:center;letter-spacing:.02em}.area-county{font-size:13px;color:var(--text-faint, #8B94AD);display:block;text-align:center;margin-bottom:20px}.area-overall{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px}.area-grade-badge{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.area-overall-label{font-size:15px;color:var(--text-dim, #9BA3B8)}.area-grades{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px}.area-grade-card{display:flex;align-items:flex-start;gap:12px;background:var(--surface, #111827);border:1px solid var(--border, #1F2940);border-radius:8px;padding:12px 14px}.area-grade-letter{font-size:22px;font-weight:700;min-width:36px;text-align:center}.area-grade-cat{font-size:12px;font-weight:600;color:var(--text, #E6EAF2);margin-bottom:2px}.area-grade-hl{font-size:11px;color:var(--text-dim, #9BA3B8);line-height:1.4}.area-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.area-stat{background:var(--surface, #111827);border:1px solid var(--border, #1F2940);border-radius:8px;padding:14px 10px;text-align:center}.area-stat-val{display:block;font-size:18px;font-weight:700;color:var(--text, #E6EAF2);font-family:JetBrains Mono,monospace}.area-stat-label{display:block;font-size:10px;color:var(--text-faint, #8B94AD);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.area-analyzed{text-align:center;font-size:12px;color:var(--text-faint, #8B94AD);margin:8px 0 28px}.area-purchase{background:var(--surface, #111827);border:1px solid var(--accent, #6C5CE7);border-radius:10px;padding:28px 24px;text-align:center}.area-purchase h3{font-size:18px;font-weight:600;color:var(--text, #E6EAF2);margin:0 0 8px}.area-purchase>p{font-size:13px;color:var(--text-dim, #9BA3B8);margin:0 0 20px}.area-purchase-form{display:flex;gap:8px;max-width:440px;margin:0 auto}.area-purchase-note{font-size:11px!important;color:var(--text-faint, #8B94AD)!important;margin-top:12px!important}@media(max-width:600px){.area-grades{grid-template-columns:1fr}.area-stats{grid-template-columns:repeat(2,1fr)}.area-purchase-form{flex-direction:column}}