.ai-gallery{max-width:1440px;margin:auto;padding:32px 48px 72px}.ai-gallery-heading h1{font-size:24px;margin:0 0 28px}.ai-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.ai-template{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:0;background:var(--soft);cursor:pointer;color:var(--ink);min-width:0}.ai-template-effect{display:block;width:100%;height:100%;object-fit:contain;background:white}.ai-template-original{position:absolute;right:10px;top:10px;width:25%;aspect-ratio:1;object-fit:cover;border:2px solid white;border-radius:6px;box-shadow:0 1px 5px #0003}.ai-template-name{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white;text-align:left;font:600 15px sans-serif;overflow-wrap:anywhere}.ai-compose,.ai-result{max-width:1100px;margin:auto;padding:24px 32px 80px}.ai-compose-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:36px;margin-top:24px;align-items:start}.ai-style-preview{position:relative;min-width:0;aspect-ratio:1;background:var(--soft)}.ai-effect{width:100%;height:100%;object-fit:contain;display:block}.ai-create-form{display:flex;flex-direction:column;gap:18px}.ai-create-form h2,.ai-result h2{font-size:22px;margin:0}.ai-create-form textarea{width:100%;resize:vertical;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px;font:inherit}.ai-references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-reference{position:relative;aspect-ratio:1}.ai-reference img{width:100%;height:100%;object-fit:cover;border-radius:6px}.ai-reference button{position:absolute;right:4px;top:4px;min-height:28px;height:28px;width:28px;padding:0;background:var(--paper);color:var(--ink)}.ai-status{min-height:24px;margin:0;font-size:14px}.ai-result{max-width:760px}.ai-result h2{margin:24px 0 18px}.ai-result-actions{display:flex;gap:12px;margin-top:20px}.ai-result-actions button{flex:1}.ai-template:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(min-width:721px) and (max-width:1150px){.ai-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-gallery{padding:28px}.ai-compose-layout{grid-template-columns:minmax(0,1fr);max-width:620px;margin:24px auto}.ai-style-preview{max-height:400px}}@media(max-width:720px){.ai-gallery{padding:24px 18px 80px}.ai-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ai-template-name{font-size:14px;padding:22px 8px 10px}.ai-template-original{right:8px;top:8px}.ai-compose,.ai-result{padding:18px 16px 90px}.ai-compose-layout{grid-template-columns:minmax(0,1fr);gap:24px}.ai-gallery-heading h1{font-size:22px}}
.ai-template img[hidden],.ai-style-preview img[hidden]{display:none}