/* Design Your Own Dress with AI (t149) */
.cr{max-width:1240px;margin:0 auto;padding:0 20px 40px}
.cr-hero{text-align:center;padding:30px 20px 18px;margin:18px 0 0;background:radial-gradient(ellipse at top,#FFF7F2,#F6E7E2);border:1px solid var(--tea2);box-shadow:inset 0 0 0 5px #FFFBF5,inset 0 0 0 6px rgba(201,140,142,.45)}
.cr-hero h1{margin:4px 0;font-size:clamp(34px,6vw,58px);color:var(--wine)}
.cr-hero .sub{max-width:720px;margin:8px auto;font:italic 18px/1.5 var(--serif);color:#4A3F39}
.cr-steps{position:sticky;top:0;z-index:10;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;list-style:none;margin:14px 0;padding:8px;background:rgba(255,251,245,.96);border-bottom:1px solid var(--tea2);backdrop-filter:blur(4px)}
.cr-steps a{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border-radius:22px;text-decoration:none;color:var(--wine);font:italic 600 16px var(--serif);border:1px solid var(--tea2);background:#FFFBF5}
.cr-steps a.go{background:var(--wine);color:#fff;border-color:var(--wine)}
.cr-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:26px;align-items:start}
.cr-sec{background:#FFFBF5;border:1px solid var(--tea2);padding:18px 20px;margin:0 0 16px;scroll-margin-top:80px}
.cr-sec h2{margin:0 0 6px;font:italic 600 24px var(--serif);color:var(--wine)}
.cr-sec h3{margin:14px 0 6px;font:600 13px var(--serif);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.hint{font:italic 15px var(--serif);color:var(--soft);margin:0 0 8px;display:block}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1px solid var(--tea2);border-radius:22px;background:#fff;color:var(--ink);font:500 15px var(--serif);cursor:pointer}
.chip i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.chip.on{background:var(--wine);color:#fff;border-color:var(--wine);box-shadow:0 2px 6px rgba(139,58,74,.3)}
.chip.on::after{content:"✓";font-size:13px}
.chip.sm{min-height:44px;font-size:14px;background:#FFF6F1}
.chips.big{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.chips.big .chip{flex-direction:column;border-radius:6px;padding:6px;gap:4px;text-align:center}
.chips.big .chip img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px}
.chips.big .chip.on::after{position:absolute;margin:4px}
.fabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.fab{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:6px;border:1px solid var(--tea2);border-radius:6px;background:#fff;font:500 14px var(--serif);cursor:pointer}
.fab .fsw{width:100%;aspect-ratio:1;border-radius:3px;background-size:cover;background-position:center}
.fab.on{border-color:var(--wine);box-shadow:0 0 0 2px var(--wine)}
.fabcard{display:flex;gap:14px;margin-top:12px;padding:12px;background:#FFF9F4;border:1px solid var(--tea2);border-radius:4px}
.fabcard .mc-t b{color:var(--wine);font:italic 600 17px var(--serif)}.fabcard p{margin:2px 0;font-size:14px}
.fabcard .macro{width:96px;height:96px;background-size:300%}
textarea#crText,.cr-refine input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--tea2);border-radius:4px;font:16px var(--serif);background:#fff}
.ideas{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cr-out{position:sticky;top:76px;background:#FFFBF5;border:1px solid var(--tea2);box-shadow:inset 0 0 0 4px #FFFBF5,inset 0 0 0 5px rgba(201,140,142,.4);padding:18px}
.cr-summary p:last-child{font:italic 16px/1.4 var(--serif);margin:2px 0 12px}
.primary.huge{width:100%;min-height:56px;font-size:20px}
.primary.alt{background:linear-gradient(180deg,#7E9A86,#5f7d5c);border-color:#5f7d5c}
.primary.done{background:#5f7d5c;border-color:#5f7d5c}
.cr-result{margin:12px 0 0}.cr-enl{position:relative;display:block;width:100%;padding:0;border:1px solid var(--tea2);background:#F3EBDD;cursor:zoom-in}
.cr-enl img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.cr-enl span{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;padding:6px 12px;border-radius:18px;font-size:14px}
.cr-result figcaption{font:italic 15px var(--serif);color:var(--soft);margin-top:4px}
.cr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.cr-actions .primary{min-height:48px}
.cr-refine{grid-column:1/-1}.cr-refine label{font:600 12.5px var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.cr-refine div{display:flex;gap:6px}
#crAgain{grid-column:1/-1}
.cr-hist{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cr-hist .eyebrow{width:100%;margin:0}
.cr-hist button{width:56px;padding:0;border:1px solid var(--tea2);background:none;cursor:pointer;min-height:44px}.cr-hist button.on{outline:2px solid var(--wine)}
.cr-hist img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.cr-box{padding:0;border:0;background:transparent;max-width:96vw;max-height:96vh}.cr-box::backdrop{background:rgba(30,20,20,.85)}
.cr-box img{max-width:94vw;max-height:92vh;display:block}
#crBoxX{position:absolute;right:6px;top:6px;background:#fff}
.foot-love{text-align:center;margin-top:20px}
@media(max-width:860px){.cr-grid{grid-template-columns:1fr}.cr-out{position:static}}
.cr [hidden]{display:none!important}