.profilePreviewPanel{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface-sub,var(--surface-input))}
.profilePreviewHeading{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.profilePreviewTitleIcon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-raised));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent2)}
.profilePreviewTitleIcon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.profilePreviewHeading small{display:block;color:var(--accent2);font-size:.68rem;font-weight:800;letter-spacing:.1em}
.profilePreviewHeading h3{margin:2px 0;font-size:1.05rem}
.profilePreviewHeading p{margin:0;color:var(--muted);font-size:.82rem}
.profilePreviewBadge{margin-left:auto;padding:5px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.profilePreviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;pointer-events:none;user-select:none}
.profilePreviewCard{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised)}
.profilePreviewCard i{flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:var(--c,#888);box-shadow:0 0 0 3px color-mix(in srgb,var(--c,#888) 20%,transparent)}
.profilePreviewCard div{flex:1;min-width:0}
.profilePreviewCard b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}
.profilePreviewCard small{display:block;color:var(--muted);font-size:.72rem}
.profilePreviewCard span{flex:0 0 auto;color:var(--accent2);font-weight:700;font-size:.82rem}
@media(max-width:560px){.profilePreviewBadge{display:none}}