
itf-tryon{display:block;background:#111112;color:#f3ece6;padding:90px 6vw;--itf-accent:#ea9ea6}.itf-tryon__heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:44px}.itf-tryon h2{font:400 clamp(46px,5.5vw,82px)/1.04 Georgia,serif;letter-spacing:-.045em;color:inherit;margin:0}.itf-tryon__heading>p{max-width:330px;color:#bfb5b4;font-size:15px;line-height:1.7}.itf-tryon__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:50px}.itf-tryon__stage{position:relative;overflow:hidden;aspect-ratio:9/11;background:radial-gradient(ellipse at 50% 40%,#403235,#211e20 60%,#191718);border:1px solid #524247}.itf-tryon canvas{display:block;width:100%;height:100%;touch-action:none;cursor:move}.itf-tryon__empty{pointer-events:none;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.itf-tryon__empty[hidden]{display:none}.itf-tryon__empty>span{color:#ea9ea6;font-size:65px}.itf-tryon__empty h3{font:400 36px Georgia,serif;color:#f3ece6;margin:15px 0}.itf-tryon__empty p{max-width:270px;line-height:1.6;color:#c9bfc0;font-size:14px}.itf-tryon__badge{position:absolute;top:16px;left:16px;color:#f3ece6;background:#111112d9;padding:7px 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.itf-tryon__source{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.itf-tryon button:not(.itf-button),.itf-tryon__upload{border:1px solid #6b595f;background:transparent;color:#f3ece6;min-height:44px;padding:10px 14px;cursor:pointer;font:13px Arial,sans-serif}.itf-tryon button:disabled{opacity:.4;cursor:not-allowed}.itf-tryon__upload{position:relative;display:inline-flex;align-items:center;overflow:hidden}.itf-tryon__upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.itf-tryon :focus-visible,.itf-tryon__upload:focus-within{outline:3px solid #ea9ea6;outline-offset:4px}.itf-tryon__privacy{font-size:12px;line-height:1.6;color:#baadb0}.itf-tryon__status{min-height:24px;font-size:13px;color:#f3bdc5}.itf-tryon__filter{display:flex;align-items:center;gap:15px;font-size:12px;margin:0 0 18px}.itf-tryon select{padding:10px;flex:1;background:#252123;color:#f3ece6;border:1px solid #6b595f;min-height:44px;max-width:100%}.itf-tryon__pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding:4px}.itf-tryon button.itf-piece{padding:0 0 12px;text-align:left;overflow:hidden;min-width:0;border:1px solid #6b595f}.itf-piece img,.itf-piece svg{display:block;width:100%;height:120px;object-fit:contain;background:#eee6de;color:#171314;padding:12px}.itf-piece span,.itf-piece small{display:block;padding:0 10px;margin-top:8px;overflow-wrap:anywhere}.itf-piece small{color:#c5b3b8;font-size:10px}.itf-tryon button[aria-pressed=true]{border-color:#ea9ea6;box-shadow:0 0 0 1px #ea9ea6}.itf-tryon__adjust{margin-top:30px;padding-top:28px;border-top:1px solid #45393d}.itf-tryon__adjust>label{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px;margin-bottom:11px}.itf-tryon input[type=range]{width:100%;accent-color:#ea9ea6;margin:3px 0;height:28px}.itf-tryon__toggles,.itf-tryon__finish{display:flex;gap:10px;flex-wrap:wrap}.itf-tryon__finish{margin:24px 0}.itf-tryon .itf-eyebrow{margin-bottom:16px}.itf-tryon output{color:#f3bdc5}@media(max-width:900px){.itf-tryon__grid{gap:25px;grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.itf-tryon__pieces{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){itf-tryon{padding:60px 6vw}.itf-tryon__heading{display:block}.itf-tryon__grid{grid-template-columns:minmax(0,1fr)}.itf-tryon__pieces{grid-template-columns:repeat(3,minmax(0,1fr))}.itf-tryon__workspace{min-width:0}.itf-tryon__panel{min-width:0}}@media(prefers-reduced-motion:reduce){.itf-tryon *{scroll-behavior:auto!important;transition:none!important}}

.itf-tryon .itf-text-link{color:#f3ece6;text-underline-offset:7px;font-size:13px}.itf-tryon .itf-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:#ea9ea6;font-weight:600}.itf-tryon .itf-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;background:#ea9ea6;color:#151214;border:1px solid #ea9ea6;text-decoration:none;font:600 13px/1.4 Arial,sans-serif;cursor:pointer;min-height:48px}.itf-tryon .itf-button:hover{background:#f5c4ca}.itf-tryon [hidden]{display:none!important}

.itf-tryon__steps{display:flex;gap:24px;flex-wrap:wrap;padding:0;list-style:none;counter-reset:steps;margin:0 0 30px}.itf-tryon__steps li{counter-increment:steps;display:flex;align-items:center;gap:10px;font-size:13px}.itf-tryon__steps li:before{content:counter(steps);border:1px solid var(--itf-accent,#ff46b8);color:var(--itf-accent,#ff46b8);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.itf-tryon__drop{position:relative;display:flex;flex-direction:column;gap:8px;padding:30px 22px;border:2px dashed var(--itf-accent,#ff46b8);background:var(--itf-panel,#211928);text-align:center;cursor:pointer}.itf-tryon__drop span{font-size:12px;color:var(--itf-muted,#cabdd0)}.itf-tryon__drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.itf-tryon__drop:focus-within,.itf-tryon__drop.is-over{outline:3px solid var(--itf-accent,#ff46b8);outline-offset:4px}.itf-tryon__gesture{padding:14px;border-left:3px solid var(--itf-accent,#ff46b8);font-size:14px;line-height:1.6}.itf-tryon__adjust summary{cursor:pointer;padding:12px 0;font-weight:600;min-height:44px}.itf-tryon__adjust[open] summary{margin-bottom:18px}.itf-tryon__adjust .itf-tryon__paper{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:18px}.itf-tryon__paper input{width:20px;height:20px;accent-color:var(--itf-accent,#ff46b8)}
