.visual-ai-page{color:#2d4032;background:#ede5d8;min-height:100vh}.visual-ai-page header nav{gap:20px;display:flex}.visual-ai-page p{line-height:1.65}.visual-ai-workspace{max-width:1200px;margin:auto}.visual-ai-workspace>section{background:#fffdf8;border-radius:14px;padding:24px}.visual-product-grid{max-height:480px;overflow-y:auto;grid-template-columns:repeat(3,1fr)!important}.visual-product-grid button.selected{outline:3px solid #6e7c61}.visual-ai-workspace textarea,.visual-ai-workspace input:not([type=checkbox]){max-width:100%;padding:12px}.ai-consent{background:#fffdf8;border-radius:12px;grid-column:1/-1;padding:24px}.ai-consent label{margin-top:20px;display:block}.ai-consent a{text-decoration:underline}.ai-notice,.ai-status{background:#f8f4e9;max-width:1150px;margin:20px auto;padding:20px}.ai-results{max-width:1200px;margin:35px auto;padding:25px}.ai-results nav{gap:12px;margin:20px 0;display:flex}.ai-results button{cursor:pointer;padding:12px 18px}.ai-results button[aria-pressed=true]{color:#fff;background:#304d38}.ai-comparison{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ai-comparison figure{margin:0}.ai-comparison img{object-fit:contain;background:#fff;width:100%;height:360px}.ai-products{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px;display:grid}.ai-products article{background:#fff;border-radius:12px;padding:18px}.ai-products img{aspect-ratio:1;object-fit:contain;width:100%}.ai-products h3{font-size:18px}.ai-products button{color:#fff;background:#304d38;border:0;margin-top:12px;display:block}.visual-ai-page button:disabled{opacity:.5;cursor:not-allowed}@media (width<=750px){.ai-comparison{grid-template-columns:1fr}.ai-products{grid-template-columns:1fr 1fr}.visual-product-grid{grid-template-columns:1fr 1fr!important}.ai-comparison img{height:auto}}.ai-account{background:#fffdf8;border:1px solid #d8c8b4;border-radius:12px;max-width:1150px;margin:24px auto;padding:24px;scroll-margin-top:20px}.ai-account h2{font-size:23px}.ai-account form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ai-account label{flex-direction:column;gap:8px;display:flex}.ai-account input:not([type=checkbox]){border:1px solid #d8c8b4;width:100%;padding:12px}.ai-account .ai-account-consent{grid-column:1/-1;display:block}.ai-account a{text-decoration:underline}.ai-account button{cursor:pointer;padding:14px}@media (width<=650px){.ai-account form{grid-template-columns:1fr}.ai-account{margin:15px}}
