.sn-profile-preview-modal{position:fixed;inset:0;z-index:12100;display:grid;place-items:center;padding:16px}.sn-profile-preview-modal[hidden]{display:none}.sn-profile-preview-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.68);backdrop-filter:blur(7px)}.sn-profile-preview-dialog{position:relative;z-index:1;width:min(100%,620px);max-height:78vh;overflow:auto;border:1px solid rgba(124,58,237,.2);border-radius:20px;background:#0f1525;box-shadow:0 28px 90px rgba(0,0,0,.55);padding:20px}.sn-profile-preview-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.05);color:#cbd5e1;font-size:21px;cursor:pointer}.sn-profile-preview-header{padding-right:45px;margin-bottom:14px}.sn-profile-preview-eyebrow{font-size:9px;letter-spacing:.14em;color:#a78bfa;font-weight:800}.sn-profile-preview-header h2{margin:4px 0 2px;color:#f8fafc;font-size:19px}.sn-profile-preview-header p{margin:0;color:#64748b;font-size:11px}.sn-profile-preview-body{min-width:0}.sn-profile-preview-panel[hidden]{display:none}.sn-profile-preview-avatar-stage,.sn-profile-ring-live{min-height:240px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.09);border-radius:16px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 55%),#090e1c}.sn-profile-preview-avatar{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;overflow:visible;background:#312e81;color:#ddd6fe;font-size:48px;font-weight:800;border:5px solid #101525}.sn-profile-preview-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sn-profile-preview-cover{height:245px;border-radius:16px;border:1px solid rgba(148,163,184,.09);background:#090e1c center/cover no-repeat}.sn-profile-preview-actions{display:flex;gap:8px;margin-top:11px}.sn-profile-preview-primary,.sn-profile-preview-secondary{min-height:39px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:750;cursor:pointer}.sn-profile-preview-primary{border:0;background:#7c3aed;color:#fff}.sn-profile-preview-secondary{border:1px solid rgba(124,58,237,.3);background:rgba(124,58,237,.08);color:#c4b5fd}.sn-profile-ring-copy{margin:12px 0}.sn-profile-ring-copy strong{display:block;color:#f8fafc;font-size:13px}.sn-profile-ring-copy span{display:block;color:#64748b;font-size:11px;margin-top:3px}.sn-profile-ring-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sn-profile-ring-option{position:relative;padding:9px 5px;border:1px solid rgba(148,163,184,.1);border-radius:12px;background:rgba(255,255,255,.025);color:#cbd5e1;cursor:pointer}.sn-profile-ring-option.is-selected{border-color:#7c3aed;background:rgba(124,58,237,.1)}.sn-profile-ring-option:disabled{opacity:.55}.sn-profile-ring-option-avatar{width:50px;height:50px;margin:0 auto 6px;display:grid;place-items:center;border-radius:50%;background:#312e81;border:3px solid #101525;font-size:15px;font-weight:800}.sn-profile-ring-option-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sn-profile-ring-option-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:10px}.sn-profile-ring-loading,.sn-profile-ring-message{padding:10px;border-radius:10px;background:rgba(255,255,255,.03);color:#94a3b8;font-size:11px}.sn-profile-ring-message.is-error{color:#fca5a5}.sn-profile-ring-message.is-success{color:#c4b5fd;margin-top:8px}body.sn-profile-preview-open{overflow:hidden}@media(max-width:620px){.sn-profile-preview-modal{align-items:end;padding:0}.sn-profile-preview-dialog{width:100%;max-height:76vh;border-radius:20px 20px 0 0;padding:16px}.sn-profile-preview-avatar-stage,.sn-profile-ring-live{min-height:200px}.sn-profile-preview-cover{height:190px}.sn-profile-preview-avatar{width:135px;height:135px;font-size:38px}.sn-profile-ring-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.sn-profile-preview-dialog{animation:none}}
.sn-profile-avatar-wrap{position:relative}.sn-profile-ring-edit{position:absolute;right:38px;bottom:0;width:30px;height:30px;border:3px solid #101525;border-radius:50%;background:#d6a84f;color:#111827;display:grid;place-items:center;cursor:pointer;z-index:7;font-size:13px;font-weight:900;box-shadow:0 0 18px rgba(214,168,79,.35)}.sn-profile-ring-edit:hover{transform:scale(1.06)}