.profile-media-picker{position:fixed;inset:0;z-index:3200;display:grid;place-items:center;padding:28px;opacity:0;pointer-events:none;transition:opacity .2s ease}.profile-media-picker.open{opacity:1;pointer-events:auto}body.profile-media-open{overflow:hidden}.profile-media-backdrop{position:absolute;inset:0;background:#02040cb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.profile-media-panel{position:relative;width:min(980px,100%);max-height:min(820px,calc(100vh - 56px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 18% 0%,rgba(139,92,246,.2),transparent 34%),radial-gradient(circle at 92% 16%,rgba(45,255,210,.12),transparent 30%),#080c1cf5;box-shadow:0 32px 100px #00000094;transform:translateY(12px) scale(.985);transition:transform .22s ease}.profile-media-picker.open .profile-media-panel{transform:translateY(0) scale(1)}.profile-media-head,.profile-media-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.profile-media-head span{display:block;margin-bottom:5px;color:#ffffff7a;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}.profile-media-head h2{margin:0;color:#fff;font-size:clamp(24px,3vw,38px);line-height:1;letter-spacing:0}.profile-media-close{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffbd;cursor:pointer}.profile-media-close:hover{color:#fff;background:#ffffff1a}.profile-media-feature{min-height:116px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.profile-media-feature img{width:86px;height:86px;border-radius:18px;object-fit:cover;border:2px solid rgba(45,255,210,.36);box-shadow:0 0 32px #2dffd224}.is-cover-picker .profile-media-feature{grid-template-columns:minmax(170px,280px) minmax(0,1fr)}.is-cover-picker .profile-media-feature img{width:100%;height:auto;aspect-ratio:16 / 7}.profile-media-feature strong{display:block;color:#fff;font-size:22px;line-height:1.1}.profile-media-feature p{margin:6px 0 0;color:#ffffff94}.profile-media-scroll{min-height:0;overflow-y:auto;padding:22px}.profile-media-row+.profile-media-row{margin-top:24px}.profile-media-row h3{margin:0 0 12px;color:#ffffffd1;font-size:15px;letter-spacing:0}.profile-media-strip{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:13px;overflow-x:auto;padding-bottom:8px}.is-cover-picker .profile-media-strip{grid-auto-columns:220px}.profile-media-choice{width:132px;display:grid;gap:8px;padding:9px;border-radius:14px;border:2px solid transparent;background:#ffffff0b;color:#ffffffc7;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.is-cover-picker .profile-media-choice{width:220px}.profile-media-choice:hover,.profile-media-choice.selected{transform:translateY(-2px);border-color:#2dffd26b;background:#2dffd214}.profile-media-choice img{width:110px;height:110px;border-radius:13px;object-fit:cover;background:#ffffff0f}.is-cover-picker .profile-media-choice img{width:198px;height:auto;aspect-ratio:16 / 8}.profile-media-choice span{min-height:32px;display:block;color:#fff;font-size:12px;font-weight:850;line-height:1.25}.profile-media-actions{border-top:1px solid rgba(255,255,255,.08);border-bottom:0}.profile-media-upload,.profile-media-save{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.profile-media-upload{padding:0 16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1}.profile-media-save{padding:0 18px;border:1px solid rgba(139,92,246,.48);background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 0 28px #8b5cf63d}@media(max-width:720px){.profile-media-picker{padding:12px}.profile-media-panel{max-height:calc(100vh - 24px);border-radius:16px}.profile-media-head,.profile-media-feature,.profile-media-scroll,.profile-media-actions{padding-left:16px;padding-right:16px}.profile-media-feature,.is-cover-picker .profile-media-feature{grid-template-columns:64px minmax(0,1fr)}.profile-media-feature img,.is-cover-picker .profile-media-feature img{width:64px;height:64px;aspect-ratio:auto;border-radius:15px}.profile-media-strip{grid-auto-columns:112px}.is-cover-picker .profile-media-strip{grid-auto-columns:180px}.profile-media-choice{width:112px}.is-cover-picker .profile-media-choice{width:180px}.profile-media-choice img{width:90px;height:90px}.is-cover-picker .profile-media-choice img{width:158px;height:auto;aspect-ratio:16 / 8}.profile-media-actions{align-items:stretch;flex-direction:column}}