.ai-style-page{--ink:#203a34;--muted:#747a75;--line:#dce3dc;max-width:1220px;margin:auto;padding:64px 32px 60px;color:var(--ink);font-family:'DM Sans',sans-serif}.ai-style-page *{box-sizing:border-box}.ai-style-page [hidden]{display:none!important}.ai-style-hero{text-align:center}.ai-style-eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;color:#658072}.ai-style-eyebrow i{font-size:19px;vertical-align:middle;margin-right:8px}.ai-style-page h1{font-family:'DM Serif Display',serif;font-size:clamp(36px,4.2vw,58px);font-weight:400;line-height:1.12;margin:22px 0}.ai-style-page h1 em{font-weight:400;color:#66806e}.ai-style-hero>p{font-size:15px;color:var(--muted);line-height:1.85}.ai-style-search{max-width:880px;margin:32px auto 18px;padding:24px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 45px #263d3210}.ai-style-search label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}.ai-style-search textarea{display:block;width:100%;resize:vertical;border:0;background:#fff;font:17px/1.7 'DM Sans',sans-serif;color:var(--ink);min-height:90px;padding:0}.ai-style-search textarea:focus{outline:2px solid #729783;outline-offset:5px}.ai-style-search textarea::placeholder{color:#9b9e99}.ai-style-search-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #edf0eb;padding-top:18px;margin-top:10px}.ai-style-search-bottom>span{font-size:10px;color:var(--muted)}.ai-style-search button,.ai-style-card a{background:var(--ink);color:#fff;border:0;border-radius:7px;padding:15px 20px;text-decoration:none;font:500 13px 'DM Sans',sans-serif;cursor:pointer}.ai-style-search button:disabled{opacity:.65;cursor:wait}.ai-style-search button i{margin-right:8px}.ai-style-suggestions{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.ai-style-suggestions button{background:#f7f8f4;border:1px solid var(--line);border-radius:30px;padding:8px 15px;color:var(--ink);cursor:pointer}.ai-style-page button:focus-visible,.ai-style-page a:focus-visible{outline:3px solid #8ca591;outline-offset:4px}.ai-style-results{margin-top:55px}.ai-style-results-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.ai-style-page h2{font-family:'DM Serif Display',serif;font-size:29px;font-weight:400;margin:10px 0}.ai-style-results-head a,.ai-style-manual a{font-size:12px;color:var(--ink);text-underline-offset:4px}.ai-style-results p{font-size:13px;line-height:1.7;color:var(--muted)}.ai-style-status.is-error{color:#ac3838}.ai-style-criteria{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.ai-style-criteria span{background:#f0f4ef;padding:7px 12px;border-radius:20px;font-size:11px}.ai-style-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ai-style-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.ai-style-card img{width:100%;aspect-ratio:1.35;object-fit:cover;background:#fff}.ai-style-card-content{padding:22px;display:flex;flex:1;flex-direction:column}.ai-style-card h3{font-size:19px;margin:0 0 10px}.ai-style-card strong{font-size:19px}.ai-style-card .ai-style-price{margin:0;color:var(--ink)}.ai-style-card a{display:block;text-align:center;margin-top:auto}.ai-style-card .ai-style-reason{padding:14px 0;border-top:1px solid var(--line);font-size:12px}.ai-style-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:66px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-style-steps article{position:relative}.ai-style-steps article>span{font-size:11px;letter-spacing:.1em;color:#91a092}.ai-style-steps article>i{float:right;font-size:22px;color:#749080}.ai-style-steps h2{font-size:24px;margin-top:20px}.ai-style-steps p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0}.ai-style-manual{text-align:center;font-size:12px;color:var(--muted);margin-top:26px}@media(max-width:700px){.ai-style-page{padding:36px 20px}.ai-style-hero>p br{display:none}.ai-style-search{padding:19px}.ai-style-search-bottom{flex-direction:column;align-items:stretch;gap:14px}.ai-style-search-bottom>span{text-align:center}.ai-style-search textarea{font-size:15px}.ai-style-cards,.ai-style-steps{grid-template-columns:1fr}.ai-style-results-head{align-items:start;flex-direction:column}.ai-style-steps{gap:28px;margin-top:42px}.ai-style-suggestions>span{width:100%}.ai-style-manual a{display:block;margin-top:10px}}

.ai-style-panel{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}.ai-style-panel>h2,.ai-style-panel>p{text-align:center}.ai-style-panel>p{color:var(--muted)}.ai-style-search button,.ai-style-card a{background:#000}.ai-style-panel[data-ai-search="shirts"] .ai-style-card img{object-fit:contain}

/* Match the white canvas of model photos without cropping the shirt. */
.ai-style-panel { scroll-margin-top:90px; }
.ai-style-loading { display:flex; align-items:center; justify-content:center; gap:12px; margin:20px 0; color:#203a34; font-size:14px; }
.ai-style-loading[hidden] { display:none; }
.ai-style-loading::before { content:""; width:18px; height:18px; border:2px solid #dce3dc; border-top-color:#203a34; border-radius:50%; animation:ai-style-spin .8s linear infinite; }
@keyframes ai-style-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .ai-style-loading::before { animation:none; } }
.ai-style-panel[data-ai-search="shirts"] .ai-style-card img{background:#fff;object-fit:contain}