.avatar-selection-preview{display:flex;align-items:center;gap:14px;padding:12px;margin:0 0 18px;border:1px solid #adba9d55;border-radius:14px;min-width:0}
.avatar-selection-preview>div{display:grid;gap:6px;min-width:0}.avatar-selection-preview strong{font-size:15px;overflow-wrap:anywhere}.avatar-selection-preview small{font-size:12px;line-height:1.5;opacity:.75}
.avatar-selection-image{display:block;flex:0 0 80px;width:80px;height:100px;padding:0;border:0;border-radius:10px;overflow:hidden;background:#253323;cursor:zoom-in}.avatar-selection-image[hidden]{display:none}.avatar-selection-image img{display:block;width:100%;height:100%;object-fit:contain}
.avatar-selection-image:focus-visible,.avatar-lightbox-close:focus-visible{outline:3px solid #cbdcb5;outline-offset:3px}
.avatar-lightbox{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:70px 16px 22px;background:#050805ed;overscroll-behavior:contain;touch-action:pinch-zoom;box-sizing:border-box}
.avatar-lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%;max-height:100%}.avatar-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);object-fit:contain;border-radius:10px}.avatar-lightbox figcaption{color:#f1f5ea;font-size:14px;line-height:1.5;padding-top:12px;text-align:center}
.avatar-lightbox-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));padding:12px 18px;min-height:44px;border:1px solid #ccd9bd80;border-radius:24px;color:#f1f5ea;background:#223020;cursor:pointer;font-size:14px}
@media(max-width:520px){.avatar-selection-preview{gap:12px;padding:10px}.avatar-selection-image{flex-basis:64px;width:64px;height:80px}.avatar-selection-preview strong{font-size:14px}.avatar-lightbox{padding-left:10px;padding-right:10px}}

.avatar-selection-preview[hidden]{display:none}