/* Zenlar — estilos do picker de retrato (extraído de PortraitPicker.php). */
.zenlar-retrato{margin:1.5rem 0}
.zenlar-retrato-step{font-weight:700;margin:1.25rem 0 .4rem}
.zenlar-retrato-drop{border:2px dashed var(--sand,#E8DFD3);border-radius:12px;padding:1.25rem;text-align:center;background:var(--offwhite,#FAF7F2)}
.zenlar-retrato-drop input[type=file]{display:block;margin:.5rem auto}
.zenlar-retrato-art{max-width:260px;margin:.75rem auto 0;display:block;border-radius:8px;background:#fff}
.zenlar-retrato-art[hidden]{display:none}
.zenlar-retrato-msg{width:100%;max-width:420px;padding:.5rem .75rem;border:1px solid var(--sand,#E8DFD3);border-radius:8px;min-height:64px}
.zenlar-retrato-swatches{display:flex;gap:.5rem;flex-wrap:wrap}
.zenlar-retrato-swatch{position:relative;cursor:pointer}
.zenlar-retrato-swatch input{position:absolute;opacity:0}
.zenlar-retrato-swatch .dot{display:block;width:34px;height:34px;border-radius:50%;border:2px solid var(--sand,#E8DFD3);box-sizing:border-box}
.zenlar-retrato-swatch input:checked+.dot{outline:2px solid var(--terracotta,#C77B54);outline-offset:2px}
.zenlar-retrato-swatch .nm{display:block;font-size:.65rem;color:#6d6b62;text-align:center;margin-top:.2rem}
.zenlar-retrato-consent{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;color:#4a4842;margin:1rem 0 0;line-height:1.45}
.zenlar-retrato-add{display:inline-block;margin-top:1.25rem;padding:.7rem 1.75rem;font-size:1rem}
.zenlar-retrato button[disabled]{background:var(--sand,#E8DFD3);color:#8f8d84;cursor:not-allowed;box-shadow:none}
.zenlar-retrato-hint{font-size:.82rem;color:#6d6b62;margin:.5rem 0 0}
.zenlar-retrato-hint--error{color:var(--terracotta,#C77B54);font-weight:600}
.zenlar-retrato-hint--busy{color:var(--sage,#9CAF88);font-weight:600}
.zenlar-retrato-styles{display:flex;gap:.5rem;flex-wrap:wrap}
.zenlar-retrato-styles label{border:1px solid var(--sand,#E8DFD3);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;cursor:pointer;background:#fff}
.zenlar-retrato-styles input{position:absolute;opacity:0}
.zenlar-retrato-styles input:checked+span{font-weight:700;color:var(--terracotta,#C77B54)}
.zenlar-retrato-quota{font-size:.78rem;color:#6d6b62;margin:.6rem auto 0;max-width:34rem;line-height:1.45}
/* Estado "a desenhar": bloqueia upload e estilo, e mostra-se claramente. */
.zenlar-retrato-busy{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:.9rem 0 .2rem;font-size:.9rem;color:#4a4842;font-weight:600}
.zenlar-retrato-busy[hidden]{display:none}
.zenlar-retrato-busy .spin{width:1.1rem;height:1.1rem;border:2px solid var(--sand,#E8DFD3);border-top-color:var(--terracotta,#C77B54);border-radius:50%;animation:zenlar-spin .8s linear infinite}
@keyframes zenlar-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.zenlar-retrato-busy .spin{animation-duration:2.4s}}
.zenlar-retrato.is-busy{opacity:.98}
.zenlar-retrato.is-busy .zenlar-retrato-styles label{opacity:.5;cursor:not-allowed}
.zenlar-retrato.is-busy .zenlar-retrato-drop{border-color:var(--sage,#9CAF88)}
/* Tira das tentativas: cada desenho gerado fica guardado e escolhível —
   com 3 tentativas por janela, perder a primeira era frustrante. */
.zenlar-retrato-tries[hidden],.zenlar-retrato-mug[hidden]{display:none}
.zenlar-retrato-thumbs{display:flex;gap:.6rem;flex-wrap:wrap}
.zenlar-retrato-thumb{border:2px solid var(--sand,#E8DFD3);border-radius:10px;background:#fff;padding:0;cursor:pointer;line-height:0;position:relative}
.zenlar-retrato-thumb img{width:86px;height:110px;object-fit:contain;border-radius:8px}
.zenlar-retrato-thumb.is-active{border-color:var(--terracotta,#C77B54);box-shadow:0 0 0 3px rgba(199,123,84,.18)}
.zenlar-retrato-thumb .tag{position:absolute;bottom:.2rem;left:50%;transform:translateX(-50%);font-size:.62rem;color:#6d6b62;background:rgba(255,255,255,.9);border-radius:99px;padding:0 .35rem;line-height:1.5}
.zenlar-retrato-mugs{display:flex;gap:2%;justify-content:center;align-items:flex-end;width:min(100%,620px);line-height:0;margin:0 auto}
.zenlar-retrato-mugs svg{width:49%;height:auto}
.zenlar-retrato-note{font-size:.78rem;color:#6d6b62;text-align:center;margin:.4rem 0 0}