.av-pick{--av:96px;display:inline-flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;user-select:none;margin:4px 0}
.av-pick .av-ring{position:relative;width:var(--av);height:var(--av);border-radius:50%;overflow:hidden;background:var(--chip,#f0f0f3);border:1px solid var(--line,#e2e2e8);display:grid;place-items:center}
.av-pick .av-img{width:100%;height:100%;object-fit:cover;display:block}
.av-pick .av-ph{width:44%;height:44%;color:var(--muted,#9aa0ab)}
.av-pick.is-up .av-ring::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;animation:av-spin .7s linear infinite}
@keyframes av-spin{to{transform:rotate(360deg)}}
.av-pick .av-lbl{font-size:.8rem;color:var(--muted,#888)}
.av-pick .av-msg{font-size:.78rem;color:var(--muted,#888);min-height:1em}
.av-pick input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.av-pick .av-img[hidden]{display:none}
.av-pick .av-img:not([hidden]) ~ .av-ph{display:none}