.media-picker[data-profile-tools]{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;margin-block:20px;padding:18px}.media-picker[data-profile-tools] .media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.media-picker[data-profile-tools] figure{min-width:0}.media-picker[data-photo-purpose=avatar] .media-grid{grid-template-columns:minmax(0,240px)}.media-picker[data-photo-purpose=avatar] .media-grid img{aspect-ratio:1;object-fit:cover;height:auto}.media-picker[data-photo-purpose=covers] .media-grid{grid-template-columns:minmax(0,1fr)}.media-picker[data-photo-purpose=covers] .media-grid img{aspect-ratio:33/10;object-fit:cover;height:auto}.media-picker[data-profile-tools] figcaption{flex-wrap:wrap;gap:8px;margin-block:8px;display:flex}.media-picker[data-profile-tools] button,.profile-photo-replace{justify-content:center;align-items:center;min-height:44px;padding:8px 12px;display:inline-flex}.profile-photo-replace{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:8px;position:relative}.profile-photo-replace:focus-within{outline:2px solid var(--ink);outline-offset:3px}.profile-photo-replace:has(input:disabled){opacity:.5;cursor:default}.profile-photo-add{gap:8px;margin-top:16px;display:grid}.profile-photo-nav{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}.profile-photo-nav>a{background:var(--soft);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:10px 12px}[id^=profile-]{scroll-margin-top:calc(var(--site-header-height,120px) + 24px)}.social-profile .profile-avatar{object-fit:cover;width:168px;height:168px}@media (max-width:600px){.media-picker[data-profile-tools]{padding:12px}.social-profile .profile-avatar{width:128px;height:128px}}