.avatar-picker{border:0;padding:0;margin:22px 0 26px;min-width:0}.avatar-picker legend{font-size:14px;color:#dceaff;font-weight:600;margin-bottom:7px}.avatar-picker .avatar-hint{font-size:12px;line-height:1.6;color:#91a8c5;margin:0 0 13px}.avatar-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.avatar-option{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #254568;border-radius:14px;background:rgba(7,20,39,.5);transition:border-color .2s,box-shadow .2s}.avatar-option:has(input:checked){border-color:#78cfff;box-shadow:0 0 20px #3aaeff1c}.avatar-preview{position:relative;display:block;flex:0 0 74px;border-radius:9px;overflow:hidden;line-height:0}.avatar-preview img{display:block;width:74px;height:100px;object-fit:cover;transition:transform .3s}.avatar-preview:hover img{transform:scale(1.06)}.avatar-preview>span{position:absolute;right:5px;bottom:5px;border-radius:5px;padding:3px;background:#071526c9;color:#e2f4ff;line-height:1;font-size:16px}.avatar-picker .avatar-select{display:flex;align-items:center;gap:7px;cursor:pointer;color:#dceaff;font-size:13px;margin:0}.form-card .avatar-select input{width:16px;height:16px;min-width:16px;margin:0;padding:0;accent-color:#68c9ff}.avatar-dialog{padding:0;border:1px solid #37587d;border-radius:18px;background:#071322;color:#e6f1ff;max-width:min(850px,94vw);width:850px;max-height:92dvh;overflow:auto;box-shadow:0 20px 100px #000b}.avatar-dialog::backdrop{background:#020813dd;backdrop-filter:blur(12px)}.avatar-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;position:sticky;top:0;background:#071322f5;z-index:1}.avatar-dialog-head h2{font-size:17px;margin:0}.avatar-dialog-head button{border:1px solid #37587d;background:#122b45;color:#e6f1ff;cursor:pointer;font-size:25px;width:36px;height:36px;border-radius:50%;padding:0;line-height:1}.avatar-dialog .avatar-full{display:block;width:100%;height:auto;max-height:calc(92dvh - 64px);object-fit:contain}.avatar-preview:focus-visible,.avatar-select:focus-within,.avatar-dialog button:focus-visible{outline:2px solid #8cdbff;outline-offset:4px}@media(max-width:430px){.avatar-options{gap:8px}.avatar-option{flex-direction:column;gap:9px;padding:10px 6px}.avatar-preview,.avatar-preview img{width:80px}.avatar-preview{flex-basis:auto}.avatar-picker .avatar-select{font-size:13px}}@media(prefers-reduced-motion:reduce){.avatar-option,.avatar-preview img{transition:none}}