/* Shared profile presentation for the legacy screens. */
body { --bg:#fff8f7; --surface2:#fbecef; --line:#eedde2; --muted:#78626c; }
body[data-theme="dark"] { --bg:#1b1217; --surface:#281c23; --surface2:#3c2531; --line:#50333f; --muted:#c8adb9; }
body .member-hero { border:1px solid var(--line); border-radius:20px; overflow:hidden; }
body .member-cover { height:180px; min-height:0; position:relative; }
body .cover-default { background:radial-gradient(ellipse at 20% 30%,var(--surface) 0,transparent 65%),linear-gradient(120deg,var(--surface2),var(--surface)); }
body .member-cover.cover-default::before { content:""; position:absolute; right:5%; top:-45px; width:230px; height:230px; border:1px solid #d5a79a; border-radius:50%; box-shadow:0 0 0 9px #e6c6c344,0 0 0 11px #d5a79a66,0 0 0 35px #e6c6c322; }
body .member-cover.cover-default::after { content:"Sua vitrine, seu universo ♡"; position:absolute; top:45px; left:28px; max-width:55%; font:italic clamp(22px,3vw,38px) Georgia,serif; color:var(--primary); }
body .member-intro { margin-top:0; padding:22px 28px; gap:26px; align-items:center; min-height:140px; flex-wrap:wrap; }
body .member-intro-copy { flex:1; min-width:180px; }
body .member-intro-copy h2 { margin:6px 0; overflow-wrap:anywhere; }
body .member-intro>.member-avatar { border:0; margin:0 8px; }
body .member-avatar { box-shadow:none; border:0; background:var(--surface2); color:var(--primary); isolation:isolate; }
body .member-avatar.plan-frame-free { box-shadow:0 0 0 2px var(--surface),0 0 0 3px #d5a79a; }
body .member-avatar.plan-frame-creator::before,
body .member-avatar.plan-frame-launches::before {
 content:""; position:absolute; left:-20.42%; top:-21.41%; width:140.85%; height:140.85%;
 inset-inline-end:auto; bottom:auto; border:0; border-radius:0; box-shadow:none;
 background:var(--profile-frame) center/contain no-repeat; z-index:1; pointer-events:none;
}
body .member-avatar.plan-frame-creator,
body .member-avatar.plan-frame-launches { --profile-frame:url('../assets/frames/moldura-ornamental-premium.png'); }
body .member-avatar.plan-frame-creator::after,body .member-avatar.plan-frame-launches::after { content:none; }
body .member-avatar .plan-mark { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); border:0; box-shadow:none; }
body .plan-mark { box-shadow:none; border-color:var(--line); background:var(--surface2); color:var(--primary); }
body .account-chrome { gap:12px; }
body .account-chrome .member-avatar { margin:0 10px; width:34px; height:34px; }
body .doll-card-media { height:180px; min-height:0; aspect-ratio:auto; position:relative; }
body .doll-card-media.cover-default { background:var(--surface2) url('../assets/images/default-avatar.jpg') center 30%/cover no-repeat; }
body .doll-card-media.cover-default::after { content:"Imagem ilustrativa · personalize sua doll"; position:absolute; bottom:0; left:0; right:0; padding:7px 10px; background:#291b24c9; color:white; font-size:12px; }
body .doll-card .card-body { padding:24px; }
body .doll-card .member-avatar { margin:0 10px 14px; border:0; }
body .doll-card h3 { margin:8px 0; font:24px var(--font-body); }
body .studio-preview { min-height:360px; padding:24px; background:linear-gradient(135deg,#fff9f7,#f4dce3); }
body .studio-preview.dark { background:linear-gradient(135deg,#21141c,#4b293a); }
body .studio-preview .catalog-sheet { width:min(100%,310px); min-width:0; background:#fff8f8; border:1px solid #ead3d9; color:#683f51; box-shadow:0 12px 30px #3b16232a; }
body .studio-preview.dark .catalog-sheet { background:#2d1c27; border-color:#855367; color:#f4dce5; }
body .studio-preview.dark .muted { color:#cbaebc; }
body .studio-item-image { width:100%; height:230px; object-fit:cover; }
body .catalog-sheet>strong { display:block; font:26px var(--font-body); margin:10px 0; }
body .editor-preview-person { padding:24px; gap:20px; }
body .topbar .brand { color:var(--primary); }
@media(max-width:640px) {
 body .member-cover { height:130px; }
 body .member-intro { padding:22px 18px; gap:18px; }
 body .member-intro-copy { min-width:140px; }
 body .member-intro-copy h2 { font-size:23px; }
 body .member-cover.cover-default::after { left:20px; top:30px; }
 body .doll-card-media { height:160px; }
 body .studio-preview { padding:16px; }
}