.creator-link{display:inline-flex;align-items:center;gap:10px;min-width:0;min-height:44px;font-size:14px;font-weight:500}
.creator-link>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creator-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--color-accent);text-shadow:none}
.creator-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.creator-avatar.is-studio{border-radius:12px}
.creator-follow{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 12px;border:1px solid rgb(var(--color-text-rgb) / .65);border-radius:var(--radius-pill);color:var(--text);font-size:12px;line-height:1.2;font-weight:500;white-space:nowrap;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}
.creator-follow .icon{width:16px;height:16px}
.creator-follow[aria-pressed=true]{border-color:rgb(var(--color-accent-rgb) / .6);color:var(--color-accent);background:rgb(var(--color-accent-rgb) / .08)}
.creator-follow:hover{border-color:var(--color-accent);color:var(--color-accent)}
.creator-follow:active{background:rgb(var(--color-accent-rgb) / .18)}
.creator-follow[aria-pressed=true] .icon{animation:creator-confirm 200ms ease-out}
@keyframes creator-confirm{from{opacity:.25;scale:.8}to{opacity:1;scale:1}}
.production-credits{margin:24px 0 28px;padding:20px 0;border-block:1px solid var(--edge)}
.production-credits h3{font-size:16px;margin:0 0 12px}
.production-person{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center;padding:8px 0}
.production-person .creator-link{grid-column:1;grid-row:1}
.creator-role{grid-column:1;font-size:12px;color:var(--muted);padding-left:46px}
.production-studios{margin-top:20px}
.sponsor-credit{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.5}
.sponsor-credit a{color:var(--color-accent);text-underline-offset:3px}
.sponsor-credit a:hover{text-decoration:underline}
.creator-dialog{width:min(840px,calc(100% - 48px));max-height:92dvh;border-radius:var(--radius-dialog);overflow-y:auto;overscroll-behavior:contain;padding:0 28px 32px;opacity:0;transform:translateY(24px);transition:opacity 180ms,transform 180ms,display 180ms allow-discrete,overlay 180ms allow-discrete}
.creator-dialog[open]{opacity:1;transform:none}
.creator-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;min-height:64px;background:var(--bg);font-size:13px;color:var(--muted)}
.creator-header .icon-button{background:transparent;backdrop-filter:none}
.creator-profile{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:16px 0 28px}
.creator-profile>.creator-avatar{width:80px;height:80px;font-size:26px}
.creator-profile h2{font-size:clamp(24px,5vw,32px);line-height:1.2;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.creator-bio{font-size:14px;line-height:1.6;max-width:440px;color:var(--color-text-secondary)}
.profile-follow{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);min-width:180px}
.profile-follow:not([aria-pressed=true]):hover{background:var(--color-accent);color:var(--color-text-on-accent)}
.creator-projects>h3{font-size:18px;margin-bottom:20px}
.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
.creator-grid .card-caption h3{font-size:16px}
:is(.creator-dialog,.detail-dialog,.search-dialog){scroll-padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 24px)}
.feed-mode :is(.creator-dialog,.detail-dialog,.search-dialog)>.mobile-nav{background:var(--bg);border-top:1px solid var(--edge)}
.feed-mode :is(.creator-dialog,.detail-dialog,.search-dialog)>.mobile-nav :is(a,button){text-shadow:none}
@media(max-width:640px),(min-width:641px) and (max-width:1024px) and (orientation:portrait){
 .creator-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0 20px calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 24px)}
 .creator-header{padding-top:env(safe-area-inset-top)}
 .creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
}
@media(prefers-reduced-motion:reduce){.creator-follow,.creator-dialog{transition:none}.creator-follow[aria-pressed=true] .icon{animation:none}}