.clothes-page{--clothes-ink:#17162c;--clothes-lilac:#f1efff;--clothes-mint:#e9fbf6}.clothes-hero{padding:clamp(3rem,7vw,7rem) 0;background:radial-gradient(circle at 10% 10%,#eeeaff 0,transparent 36%),linear-gradient(135deg,#fff 30%,#effcf9)}.clothes-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.clothes-hero h1{max-width:720px}.outfit-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid rgba(80,70,140,.15);border-radius:30px;background:rgba(255,255,255,.76);box-shadow:0 24px 70px rgba(46,36,95,.13);overflow:hidden}.outfit-pair figure{position:relative;margin:0;overflow:hidden;border-radius:22px}.outfit-pair img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.outfit-pair figcaption{position:absolute;left:14px;top:14px;padding:.45rem .75rem;border-radius:999px;background:rgba(17,16,35,.78);color:#fff;font-weight:800}.clothes-editor{background:#f8f7ff}.clothes-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);max-width:1120px;margin:0 auto;border:1px solid rgba(75,67,123,.16);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(46,36,95,.09)}.clothes-dropzone{position:relative;min-height:580px;cursor:pointer;overflow:hidden;background:#dff5fa}.clothes-dropzone img{width:100%;height:100%;min-height:580px;object-fit:cover}.clothes-drop-overlay{position:absolute;inset:auto 1.25rem 1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(18,17,37,.78);color:#fff;backdrop-filter:blur(14px)}.clothes-drop-overlay>span:first-child{font-size:1.5rem}.clothes-drop-overlay small{color:#e7e5ff}.clothes-dropzone.is-dragging{outline:4px solid #6b5cff;outline-offset:-4px}.clothes-controls{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.35rem,3vw,2.5rem)}.clothes-controls label{font-weight:800;color:var(--clothes-ink)}.clothes-controls textarea{min-height:150px;padding:1rem;border:1px solid #d9d6e8;border-radius:16px;resize:vertical}.clothes-chips{display:flex;flex-wrap:wrap;gap:.5rem}.clothes-chips button,.clothes-prompt-grid button{border:1px solid #d7d2ff;border-radius:999px;padding:.5rem .75rem;background:#f5f3ff;color:#4d3fd5;font-weight:700}.consent-check{display:grid!important;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;padding:1rem;border-radius:15px;background:var(--clothes-mint);font-size:.9rem;font-weight:600!important}.consent-check input{margin-top:.25rem;width:1.15rem;height:1.15rem}.clothes-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:center}.clothes-split.reverse{grid-template-columns:minmax(400px,1fr) minmax(0,1fr)}.clothes-split figure{margin:0}.clothes-split figure img{width:100%;max-height:620px;object-fit:cover;border-radius:26px}.clothes-split figcaption{margin-top:.8rem;color:#66617b}.limit-note{margin:1.5rem 0;padding:1rem 1.1rem;border-left:4px solid #6b5cff;border-radius:0 14px 14px 0;background:#f2f0ff}.clothes-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.clothes-card-grid article,.clothes-prompt-grid article{padding:1.5rem;border:1px solid #e1dfeb;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(38,30,80,.05)}.style-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}.style-gallery img{width:100%;border-radius:22px}.clothes-prompts{background:#f8f7ff}.clothes-prompt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.clothes-prompt-grid article{display:flex;flex-direction:column}.clothes-prompt-grid button{align-self:flex-start;margin-top:auto}.clothes-checks{display:grid;gap:.9rem;padding:0;list-style:none}.clothes-checks li{padding:1rem 1.1rem;border-radius:14px;background:#f7f6fc}.clothes-fit{background:linear-gradient(135deg,#eefcf8,#f2efff)}.safety-card{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3.25rem);border-radius:28px;background:#17162c;color:#fff}.safety-card p{color:#dedbed}.safety-badge{display:flex;min-width:220px;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.08)}.safety-badge>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:.7rem;border-radius:50%;background:#41d6ad;color:#10251f;font-size:1.5rem;font-weight:900}.safety-badge small{color:#c9c5dd}.limitations-link{text-align:center;margin-top:1.5rem}.clothes-final img{object-position:center 22%}
@media(max-width:1199px){.clothes-hero-grid{grid-template-columns:1fr 1fr}.clothes-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.clothes-hero-grid,.clothes-workspace,.clothes-split,.clothes-split.reverse{grid-template-columns:1fr}.clothes-hero-grid{gap:2rem}.clothes-dropzone,.clothes-dropzone img{min-height:500px}.clothes-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clothes-split figure{order:-1}.clothes-split.reverse figure{order:0}.safety-card{grid-template-columns:1fr}.safety-badge{min-width:0}}
@media(max-width:575px){.clothes-hero{padding:2.5rem 0}.outfit-pair{gap:4px;padding:6px;border-radius:20px}.outfit-pair figure{border-radius:15px}.outfit-pair figcaption{left:8px;top:8px;font-size:.75rem}.clothes-workspace{border-radius:20px}.clothes-dropzone,.clothes-dropzone img{min-height:430px}.clothes-drop-overlay{inset:auto .75rem .75rem}.clothes-card-grid,.clothes-prompt-grid,.style-gallery{grid-template-columns:1fr}.clothes-controls{padding:1.15rem}.safety-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.clothes-dropzone{scroll-behavior:auto}}