.ai-compare{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.ai-compare figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f2f0e9}.ai-compare img{display:block;width:100%;height:330px;object-fit:contain}.ai-compare figcaption{padding:10px;background:white;color:var(--ink);font-size:12px;font-weight:800}.ai-preview:has(.ai-compare){display:flex;flex-direction:column;gap:18px}.ai-loading{display:grid;place-items:center}.ai-loading b{animation:banana-pulse .8s infinite alternate}@keyframes banana-pulse{to{transform:rotate(16deg) scale(1.2)}}@media(max-width:700px){.ai-compare{grid-template-columns:1fr}.ai-compare img{height:240px}}
.ai-upload-preview{width:100%;height:100%;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.ai-upload-preview img{display:block;width:100%;min-height:0;max-height:420px;object-fit:contain}.ai-upload-preview figcaption{padding:12px 16px;color:var(--ink);font-size:12px;font-weight:800;text-align:center}
.ai-generated-only{grid-template-columns:minmax(0,1fr)}.optional-upload{display:grid;gap:8px;padding-top:4px;border-top:1px solid var(--line)}.optional-upload>span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em}.optional-upload .drop{min-height:108px;padding:14px}.optional-upload .drop b{font-size:19px}