.avatar-picker{margin:auto;box-sizing:border-box;width:min(1240px,94vw);max-height:90dvh;border:1px solid #ffffff29;border-radius:20px;background:#10141d;color:#f5f6fa;padding:32px;overflow:auto;font-family:Inter,'PingFang SC',sans-serif}.avatar-picker::backdrop{background:#03060bdd;backdrop-filter:blur(12px)}.avatar-picker button,.avatar-picker input{font:inherit}.avatar-picker button{cursor:pointer}.avatar-picker button:focus-visible,.avatar-picker input:focus-visible,.avatar-open:focus-visible{outline:2px solid #92b9ff;outline-offset:4px}.avatar-picker-head{display:flex;justify-content:space-between;gap:24px;margin-bottom:28px}.avatar-eyebrow{font-size:11px;letter-spacing:.14em;color:#9ab8ed}.avatar-picker h2{font-size:clamp(26px,3vw,40px);margin:10px 0 12px;letter-spacing:-.04em}.avatar-picker-head p{font-size:14px;line-height:1.7;color:#b1b6c1;margin:0}.avatar-close{flex:none;border:1px solid #ffffff30;background:transparent;border-radius:50%;width:40px;height:40px;font-size:26px!important;color:white}.avatar-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.avatar-filters{display:flex;gap:8px}.avatar-filters button,.avatar-back{background:transparent;color:#c4cbd8;border:1px solid #ffffff28;border-radius:30px;padding:9px 16px}.avatar-filters button[aria-pressed=true]{background:#e7eefb;color:#141a24;border-color:#e7eefb}.avatar-search{box-sizing:border-box;width:240px;background:#1b202a;color:white;border:1px solid #ffffff25;border-radius:8px;padding:10px 13px}.avatar-search::placeholder{color:#8993a4}#avatar-count{font-size:12px;color:#a6b0bf;margin-left:auto}.avatar-note{color:#909dad;font-size:12px;line-height:1.8;margin:16px 0 22px}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.avatar-card{min-width:0;border:1px solid #ffffff1e;border-radius:12px;overflow:hidden;background:#191e27}.avatar-card[data-selected=true]{border-color:#8eb1ef}.avatar-art{display:block;border:0;background:#d7d8db;padding:0;width:100%;overflow:hidden;aspect-ratio:2/3}.avatar-art img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.avatar-art:hover img{transform:scale(1.025)}.avatar-card-body{padding:16px;position:relative}.avatar-card h3{font-size:20px;margin:0 0 12px;font-weight:500}.avatar-card-body>span{position:absolute;right:16px;top:20px;font-size:10px;letter-spacing:.03em;color:#b0c4e9}.avatar-card p{font-size:11px;color:#abb4c3;line-height:1.8;margin:0 0 16px;min-height:38px}.avatar-choose{width:100%;border:1px solid #ffffff28;color:#e5ecf8;background:transparent;padding:10px 8px;border-radius:7px;font-size:12px!important}.avatar-choose[aria-pressed=true]{background:#e7eefb;color:#192537;border-color:#e7eefb}.avatar-feedback{font-size:12px;color:#b9cfee;line-height:1.6;min-height:20px;margin-bottom:0}.avatar-detail:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:24px;align-items:center}.avatar-detail .avatar-back{grid-column:1/-1;justify-self:start}.avatar-detail img{width:100%;max-height:62dvh;object-fit:contain;background:#d7d8db;border-radius:12px}.avatar-detail h3{font-size:38px;font-weight:500;margin-top:0}.avatar-detail p{line-height:1.9;color:#b0bbcd}.avatar-open{font-family:inherit;border:1px solid #ffffff42;background:#ffffff0a;color:#ecf2ff;border-radius:30px;padding:13px 24px;margin-top:22px;cursor:pointer;font-size:13px}.avatar-open:hover{background:#ffffff18}.avatar-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.avatar-empty{grid-column:1/-1;padding:40px;color:#aeb9c9;text-align:center}@media(max-width:900px){.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media(max-width:600px){.avatar-picker{padding:20px 16px;border-radius:14px;width:96vw;max-height:94dvh}.avatar-picker-head{gap:10px}.avatar-picker-head p{font-size:12px}.avatar-tools{gap:12px}.avatar-tools label{width:100%;order:3}.avatar-search{width:100%}.avatar-filters button{padding:8px 12px;font-size:12px}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avatar-card-body{padding:12px}.avatar-card h3{font-size:18px}.avatar-card-body>span{right:10px;top:16px;font-size:9px}.avatar-card p{font-size:10px;min-height:54px}.avatar-detail:not([hidden]){grid-template-columns:1fr}.avatar-detail img{max-height:50dvh}.avatar-detail h3{font-size:28px;margin:0}.avatar-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.avatar-art img{transition:none}}