div.portrait-pick{flex-wrap:wrap;align-items:center;gap:10px;display:flex}div.portrait-pick>button.upload-tile{flex:none;width:76px;height:76px}.portrait-pick .pp-now{border-radius:var(--r-md,16px);width:76px;height:76px;box-shadow:0 0 0 2px var(--brand);background:radial-gradient(at 50% 85%,#1d4a6d 0,#142231 70%);flex:none;overflow:hidden}.portrait-pick .pp-now img{animation:.45s cubic-bezier(.2,1.3,.4,1) both am-in}div.portrait-pick>button.upload-tile:active svg{transition:transform .3s var(--ease);transform:rotate(180deg)}.am-tile{color:var(--brand-text)}.portrait-pick .am-tile.on{background:color-mix(in srgb, var(--brand) 20%, var(--s2));opacity:1}.portrait-pick .am-panel{border-radius:var(--r-md,16px);background:var(--s2);border:1px solid var(--line);flex-basis:100%;gap:12px;padding:14px;display:grid}.portrait-pick .am-panel button{aspect-ratio:auto;opacity:1;width:auto;height:auto;overflow:visible}.portrait-pick .am-panel img{height:auto}.portrait-pick .am-row{align-items:center;gap:10px;display:flex}.portrait-pick :is(.am-base,.am-out){background:radial-gradient(at 50% 85%,#1d4a6d 0,#142231 70%);border-radius:16px;flex:none;width:96px;height:96px;overflow:hidden}.portrait-pick img.am-base,.portrait-pick .am-out img{object-fit:contain;width:96px;height:96px;padding:6px}.portrait-pick .am-out{place-items:center;display:grid}.portrait-pick .am-out img{animation:.45s cubic-bezier(.2,1.3,.4,1) both am-in}.am-arrow{color:var(--text-3);flex:none}.am-empty{text-align:center;color:var(--text-3);padding:0 4px;font-size:12px;line-height:1.25}.am-wait{justify-items:center;gap:4px;display:grid}.am-wait>.af{animation:1.4s ease-in-out infinite am-bob}.am-wait small{color:var(--text-2);font-size:11px}.am-hint{color:var(--text-2);margin:0;font-size:13px;line-height:1.45}.portrait-pick .am-ref{flex:none;width:96px;height:96px;position:relative}.portrait-pick .am-ref>button.am-ref-pick{border:1.5px dashed var(--line-2,var(--line));width:100%;height:100%;color:var(--text-3);font:500 11.5px/1 var(--font);transition:color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;border-radius:16px;align-content:center;place-items:center;gap:4px;display:grid}.portrait-pick .am-ref>button.am-ref-pick:hover:not(:disabled){border-color:var(--brand);color:var(--brand-text)}.portrait-pick .am-panel .am-ref img{object-fit:cover;border-radius:16px;width:96px;height:96px}.portrait-pick .am-panel .am-ref-x{background:var(--s3,#2a2a2e);width:22px;height:22px;color:var(--text);box-shadow:0 0 0 2px var(--s2);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.portrait-pick .am-panel.is-drop{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.portrait-pick .am-panel.is-drop .am-ref-pick{border-color:var(--brand);color:var(--brand-text)}.portrait-pick .am-form{gap:8px;display:flex}.portrait-pick .am-form .input{background:var(--s1);min-width:0;height:44px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;flex:1}.portrait-pick .am-form .input:focus,.portrait-pick .am-form .input:focus-visible{box-shadow:inset 0 0 0 2px var(--brand);outline:none}.portrait-pick .am-panel .am-go{background:var(--brand);color:#fff;height:44px;font:600 14px/1 var(--font);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 18px;display:inline-flex}.portrait-pick .am-panel .am-go:disabled{background:var(--s3,#2a2a2e);color:var(--text-3);cursor:not-allowed}.am-note{color:var(--text-3);margin:0;font-size:12.5px}.am-made{flex-wrap:wrap;gap:8px;display:flex}.portrait-pick .am-made button{background:var(--s3,#2a2a2e);opacity:.7;border-radius:12px;width:56px;height:56px;padding:0;overflow:hidden}.portrait-pick .am-made button[aria-pressed=true],.portrait-pick .am-made button:hover{opacity:1;box-shadow:0 0 0 2px var(--brand)}.portrait-pick .am-made img{object-fit:contain;width:56px;height:56px}@keyframes am-in{0%{opacity:0;transform:scale(.8)}}@keyframes am-bob{50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.portrait-pick :is(.am-out,.pp-now) img,.am-wait>.af{animation:none}}@media (max-width:480px){.portrait-pick :is(.am-base,.am-out,.am-ref),.portrait-pick img.am-base,.portrait-pick .am-out img,.portrait-pick .am-panel .am-ref img{width:64px;height:64px}.portrait-pick .am-row{gap:6px}.portrait-pick .am-form{flex-direction:column}.portrait-pick .am-form .input{flex:none}}