.typography-settings{margin:24px 0;padding:16px;border:1px solid #434663;border-radius:15px;background:#161822}
.typography-settings h2{font-size:18px;margin:4px 0 8px}
.typography-settings select{width:100%;padding:12px;border:1px solid #343844;border-radius:10px;background:#0d1015;color:#f0f3f7;font:inherit}
.typography-settings input[type=range]{padding:0;accent-color:var(--accent)}
.type-formats{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:16px 0;border:0}
.type-formats .toggle-field{margin:4px 0}
.type-sample{padding:16px;border:1px solid #ffffff20;border-radius:10px;background:#08090d;overflow-wrap:anywhere}
.type-colors{min-width:0;margin:20px 0;padding:0;border:0}
.type-colors>.field-help{margin-top:0}
.type-color-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.type-color-choice{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 4px;border:1px solid #414959;border-radius:10px;background:#0d1015;color:#f5f6f8;font-size:12px}
.type-color-choice[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#252b38}
.type-color-dot{display:block;width:16px;height:16px;flex:0 0 16px;border:1px solid #ffffff60;border-radius:50%}
.type-default-dot{background:linear-gradient(90deg,#f5f6f8 50%,#10141d 50%)}
.type-colors input[aria-invalid=true]{border-color:#ff8c9e}
.type-color-error{color:#ff9aaa;font-size:12px;line-height:1.5;margin:6px 0}
.type-color-error:empty{display:none}
@media(max-width:380px){.type-color-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Restrict customization to creator text, preserving controls and branding. */
.profile-page[data-type] :is(#profile-address,#profile-bio,.orb-label,.creator-audience h2,.creator-audience h3,.creator-audience p,.creator-audience strong,.creator-audience span){font-family:var(--type-font);overflow-wrap:anywhere}
.profile-page[data-type-color] :is(#profile-address,#profile-bio,.orb-label,.creator-audience h2,.creator-audience h3,.creator-audience p,.creator-audience strong,.creator-audience span){color:var(--type-color);text-shadow:none}
.profile-page[data-type-bold] :is(#profile-address,#profile-bio,.orb-label,.creator-audience h2,.creator-audience h3,.creator-audience p,.creator-audience strong,.creator-audience span){font-weight:700}
.profile-page[data-type-italic] :is(#profile-address,#profile-bio,.orb-label,.creator-audience h2,.creator-audience h3,.creator-audience p,.creator-audience strong,.creator-audience span){font-style:italic}
.profile-page[data-type-underline] :is(#profile-address,#profile-bio,.orb-label,.creator-audience h2,.creator-audience h3,.creator-audience p){text-decoration:underline;text-underline-offset:.15em}
.profile-page[data-type] #profile-address{font-size:calc(12px*var(--type-size))}
.profile-page[data-type] #profile-bio{font-size:calc(16px*var(--type-size));line-height:1.5}
.profile-page[data-type] .orb-label{font-size:calc(13px*var(--type-size))}
.profile-page[data-type] .creator-audience h2{font-size:calc(11px*var(--type-size))}
.profile-page[data-type] .creator-audience h3{font-size:calc(13px*var(--type-size))}
.profile-page[data-type] .audience-total{font-size:calc(12px*var(--type-size))}
.profile-page[data-type] .audience-total strong{font-size:calc(28px*var(--type-size))}
.profile-page[data-type] .audience-followers{font-size:calc(14px*var(--type-size))}
.profile-page[data-type] .audience-engagement{font-size:calc(11px*var(--type-size))}
.profile-page[data-type] .creator-audience>.field-help{font-size:calc(10px*var(--type-size))}
.profile-page[data-type] .dense-bubbles .orb-label{font-size:calc(11px*var(--type-size))}
@media(max-width:600px){.profile-page[data-type] #profile-bio{font-size:calc(14px*var(--type-size))}.profile-page[data-type] .orb-label{font-size:calc(12px*var(--type-size))}}