.contact-workspace{color:#172033;gap:22px;max-width:1180px;margin:auto;display:grid}.contact-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.contact-eyebrow{color:#6d28d9;letter-spacing:.13em;font-size:11px;font-weight:750}.contact-heading h1{letter-spacing:-.035em;margin:7px 0;font-size:32px;font-weight:800}.contact-heading p,.contact-panel>p,.contact-panel-heading p{color:#64748b;font-size:13px;line-height:1.7}.contact-workspace [data-slot=button]{gap:8px}.contact-workspace [data-variant=outline]{color:#334155;background:#fff;border-color:#cbd5e1}.contact-workspace [data-variant=ghost]{color:#475569}.contact-save-status{color:#64748b;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;flex-wrap:wrap;gap:10px;padding:15px 20px;font-size:12px;display:flex}.contact-save-status strong{color:#5b21b6}.contact-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:26px;display:grid}.contact-form{gap:20px;min-width:0;display:grid}.contact-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:14px;min-width:0;padding:24px;display:grid}.contact-panel h2{color:#172033;font-size:18px;font-weight:750}.contact-fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-fields>div,.contact-social-row>div{gap:8px;min-width:0;display:grid}.contact-workspace label{color:#475569;font-size:12px;font-weight:650}.contact-workspace input{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;height:44px;padding:10px 12px;font-size:14px}.contact-workspace .contact-note{color:#64748b;font-size:11px;line-height:1.7}.contact-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-social-row{grid-template-columns:100px minmax(0,1fr) 34px;align-items:end;gap:10px;display:grid}.contact-empty{text-align:center;border:1px dashed #cbd5e1;border-radius:10px;padding:25px 14px}.contact-preview-column{gap:16px;min-width:0;display:grid;position:sticky;top:24px}.contact-preview-label{color:#64748b;font-size:12px;font-weight:650}.contact-card{border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #0f172a0d;color:#172033!important;background:#fff!important}.contact-card-cover{background:linear-gradient(120deg,#4c1d95,#4338ca,#0e7490);height:96px}.contact-card-body{padding:0 26px 26px}.contact-avatar{color:#6d28d9;background:#f5f3ff;border:4px solid #fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-top:-40px;margin-bottom:14px;font-size:28px;font-weight:750;display:flex;position:relative;overflow:hidden}.contact-avatar img{object-fit:cover;width:100%;height:100%}.contact-card h2{overflow-wrap:anywhere;font-size:24px;font-weight:750;line-height:1.3;color:#172033!important}.contact-card .contact-role{overflow-wrap:anywhere;margin-top:5px;font-size:13px;line-height:1.6;color:#64748b!important}.contact-details{gap:12px;margin-top:22px;display:grid}.contact-details p{overflow-wrap:anywhere;word-break:break-word;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;display:flex;color:#475569!important}.contact-details svg{color:#7c3aed;flex-shrink:0;margin-top:2px}.contact-social-pills{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.contact-social-pills span{overflow-wrap:anywhere;background:#f5f3ff;border-radius:20px;max-width:100%;padding:5px 9px;font-size:11px;color:#6d28d9!important}.contact-share{text-align:center}.contact-share h2{font-size:16px}.contact-qr{background:#fff;width:100%;max-width:280px;margin:0 auto}.contact-qr svg{width:100%;height:auto;display:block}.contact-alert{color:#9a3412;overflow-wrap:anywhere;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:14px;font-size:12px;line-height:1.7}.contact-workspace :focus-visible{outline-offset:3px;outline:2px solid #7c3aed}@media (max-width:1100px){.contact-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.contact-fields{grid-template-columns:1fr}.contact-panel-heading{flex-direction:column;align-items:flex-start}}@media (max-width:800px){.contact-layout{grid-template-columns:1fr}.contact-preview-column{width:100%;max-width:440px;margin:auto;position:static}.contact-heading{flex-direction:column;align-items:flex-start}.contact-heading h1{font-size:28px}.contact-panel{padding:20px}.contact-social-row{grid-template-columns:minmax(0,1fr) 34px}.contact-social-row>div:first-child{grid-column:1/-1}.contact-workspace input{font-size:16px}}