.ai-ol { max-width: 1100px; }
.ai-kicker { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; margin: 0 0 4px; color: var(--muted); }
.ai-nav { margin-bottom: 14px; flex-wrap: wrap; }
.ai-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.ai-form { display: flex; flex-direction: column; gap: 10px; }
.ai-chips { flex-wrap: wrap; margin: 4px 0; }
.ai-preview-img { width: 100%; border-radius: 12px; margin: 10px 0; }
.ai-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
.ai-thumb { position: relative; display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--line); }
.ai-thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.ai-thumb-act { position: absolute; inset: auto 6px 6px 6px; opacity: 0; transition: opacity .15s; }
.ai-thumb:hover .ai-thumb-act { opacity: 1; }
@media (max-width: 860px) { .ai-layout { grid-template-columns: 1fr; } }