/* Optional AI dialog and approved preview-adjacent card. Original controls and breakpoints retained. */
#aiDialog{width:min(660px,calc(100vw - 28px));max-height:90svh;padding:24px;box-sizing:border-box}
#aiDialog .ai-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--paper);z-index:2}
#aiDialog h2{margin:0 0 8px;font-size:23px}#aiDialog h3{margin:18px 0 10px;font-size:16px}
#aiDialog .ai-heading button{flex:none}#aiDialog .ai-tag{color:#795512;background:#fbf2d9;padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.6}
#aiDialog .ai-wallet{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf4ec;border-radius:12px;padding:16px;margin:14px 0}
#aiDialog .ai-wallet b{font-size:28px;display:block}#aiDialog small{display:block;font-size:11px;line-height:1.6;color:var(--muted)}
#aiDialog .ai-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#aiDialog .ai-options button{text-align:left;padding:13px;min-height:70px;white-space:normal;overflow-wrap:anywhere}
#aiDialog .ai-options button[aria-pressed=true]{border-color:var(--green);background:#edf4e5;box-shadow:inset 0 0 0 1px var(--green)}
#aiDialog .ai-options strong{display:block;margin-bottom:5px}#aiDialog .ai-section{display:block;border-top:1px solid var(--line);margin-top:16px;padding-top:2px}
#aiDialog fieldset{border:0;padding:0;margin:16px 0;min-width:0}#aiDialog legend{font-weight:650;margin-bottom:9px}
#aiDialog .ai-price{background:#f4f5ee;padding:12px;border-radius:8px;line-height:1.7;font-size:13px}
#aiDialog .ai-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:start;margin-top:12px}#aiDialog .ai-actions button{min-height:42px}
#aiDialog .ai-check{display:flex;justify-content:flex-start;gap:8px;align-items:start;font-size:12px;line-height:1.6;margin:12px 0}#aiDialog .ai-check input{flex:none;margin-top:4px}
#aiDialog #aiStatus{min-height:22px;line-height:1.6;overflow-wrap:anywhere}#aiDialog #aiStatus[data-error=true]{color:#9d3928}
#aiDialog .ai-records{max-height:170px;overflow:auto;list-style:none;padding:0;font-size:12px}#aiDialog .ai-records li{border-bottom:1px solid var(--line);padding:9px 0;overflow-wrap:anywhere}
#aiDialog .ai-note{font-size:11px;color:var(--muted);line-height:1.7}#aiDialog button:disabled{opacity:.5;cursor:not-allowed}

/* Approved compact optional-AI strip: before the image-generation preview. */
.ai-preview-column{min-width:0}
.ai-photo-card{border-left:4px solid var(--green)}
.ai-photo-card{margin:0 0 12px;padding:14px;background:linear-gradient(135deg,#fbfff1,var(--paper) 70%);border-color:#b9cfab;box-shadow:0 7px 22px #285d4808}
.ai-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ai-photo-heading h2{font-size:16px;margin:0}.ai-photo-heading h2 span{font-size:10px;vertical-align:middle;background:#285d48;color:#fff;border-radius:5px;padding:3px 6px;margin-left:5px}
.ai-free-badge{background:#e9f1de;border:1px solid #c9dbb6;border-radius:20px;padding:3px 8px;font-size:10px;white-space:nowrap}
.ai-photo-intro{font-size:11px;color:var(--muted);margin:7px 0 10px}
.ai-photo-choices{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.ai-photo-choices button{flex:1 1 100px;min-width:0;padding:7px 10px;white-space:normal;font-size:12px;min-height:44px}.ai-photo-choices strong{display:block}.ai-photo-choices small{display:block;font-size:10px;color:inherit;font-weight:400;opacity:.85}.ai-photo-choices #aiCardPacks{flex:0 1 auto;font-size:11px}
.ai-preview-note{margin:9px 0 0;font-size:10px;color:#6e6546;line-height:1.6}
@media(min-width:1280px) and (min-height:640px){.ai-preview-column{position:sticky;top:min(16px,calc(100svh - var(--ai-column-height,100svh) - 16px));align-self:start}.ai-preview-column .preview-panel{position:relative;top:auto}}
@media(max-width:720px){.ai-photo-card{padding:12px}.ai-photo-choices{gap:6px}.ai-photo-choices button{padding:7px 6px}.ai-photo-choices #aiCardPacks{padding:7px 8px}}