.ai-shirt-designer { margin-bottom:16px; text-align:left; }
.ai-shirt-kicker { display:block; margin-bottom:12px; color:#546c60; font:600 10px/1.5 'DM Sans',sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.ai-shirt-generate { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; padding:13px 16px; border:1px solid #294a3c; border-radius:7px; background:#294a3c; color:#fff; font:500 13px/1.5 'DM Sans',sans-serif; cursor:pointer; }
.ai-shirt-generate:disabled { opacity:.65; cursor:wait; }
.ai-shirt-designer .ai-shirt-status { font:400 12px/1.6 'DM Sans',sans-serif; color:#395346; margin:10px 0; }
.ai-shirt-designer .ai-shirt-note { font:400 10px/1.6 'DM Sans',sans-serif; color:#778076; margin:8px 0; }
.ai-shirt-image { display:block; width:100%; height:auto; max-height:550px; object-fit:contain; border-radius:8px; background:#f4f4ef; margin-bottom:14px; }
.ai-shirt-original { display:block; border:0; background:none; padding:5px 0; text-decoration:underline; color:#395346; font-size:11px; cursor:pointer; }
.ai-shirt-designer [hidden],.shirt-recap > [hidden] { display:none!important; }
.ai-shirt-designer.is-stale .ai-shirt-image { opacity:.65; }
.ai-shirt-designer :focus-visible { outline:2px solid #294a3c; outline-offset:3px; }
.ai-shirt-loading { display:flex; align-items:center; gap:12px; padding:14px; margin-top:12px; background:#edf2ee; border:1px solid #dce6df; border-radius:8px; color:#294a3c; }
.ai-shirt-loading strong { display:block; font-size:12px; }
.ai-shirt-loading [data-ai-elapsed] { display:block; margin-top:4px; font-size:11px; font-variant-numeric:tabular-nums; }
.ai-shirt-spinner { flex:none; width:24px; height:24px; border:3px solid #cad9ce; border-top-color:#294a3c; border-radius:50%; animation:ai-shirt-spin .8s linear infinite; }
@keyframes ai-shirt-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .ai-shirt-spinner { animation:none; } }