.tryon{--tryon-w:min(100%, 560px);width:var(--tryon-w);flex-direction:column;gap:12px;display:flex}.tryon__frame{aspect-ratio:3/4;border:1px solid var(--a2-border-soft);border-radius:var(--a2-radius);background:var(--tryon-bg,#1d2430);isolation:isolate;touch-action:pan-y pinch-zoom;width:100%;position:relative;overflow:hidden}.tryon__frame[data-engaged]{touch-action:none}.tryon__cover,.tryon__stage{position:absolute;inset:0}.tryon__stage{z-index:0}.tryon__stage .tryon-stage,.tryon__stage .tryon-stage__canvas{width:100%;height:100%}.tryon__cover{z-index:1;place-items:center;transition:opacity .35s;display:grid}.tryon__cover[data-hidden]{opacity:0;pointer-events:none}.tryon__poster{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.tryon__icon{background:radial-gradient(closest-side,#00000059,#0000);border-radius:50%;place-items:center;padding:18px;display:grid}.tryon__overlay{z-index:2;pointer-events:none;gap:8px;display:flex;position:absolute}.tryon__overlay>*{pointer-events:auto}.tryon__overlay--top{justify-content:space-between;align-items:flex-start;top:10px;left:10px;right:10px}.tryon__overlay--bottom{flex-direction:column;align-items:center;bottom:14px;left:12px;right:12px}.tryon__overlay--tools{flex-wrap:wrap;justify-content:center;align-items:center;bottom:10px;left:10px;right:10px}.tryon__seg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0d12b3}.tryon__go{gap:8px;box-shadow:0 6px 18px #00000073}.tryon__size{opacity:.8;font-weight:500}.tryon__tool{border:1px solid var(--a2-border-soft);border-radius:var(--a2-radius);min-width:36px;height:36px;color:var(--a2-text-dim);font:600 var(--a2-fs-sm) / 1 var(--a2-font-ui);cursor:pointer;background:#0b0d12bf;place-items:center;padding:0 8px;display:inline-grid}.tryon__tool:hover{color:var(--a2-text)}.tryon__tool:focus-visible{outline:2px solid var(--a2-select-line);outline-offset:1px}.tryon__tool[aria-pressed=true]{border-color:var(--a2-select-line);color:var(--a2-text)}.tryon__msg{border-radius:var(--a2-radius);max-width:36ch;color:var(--a2-text);font-size:var(--a2-fs-sm);text-align:center;background:#0b0d12bf;margin:0;padding:4px 10px}.tryon__msg--quiet{color:var(--a2-text-dim);font-size:var(--a2-fs-xs)}.tryon__hint{z-index:2;color:var(--a2-text-dim);font-size:var(--a2-fs-xs);text-shadow:var(--a2-text-outline);white-space:nowrap;pointer-events:none;margin:0;animation:.3s 4s forwards tryon-fade;position:absolute;top:52px;left:50%;transform:translate(-50%)}@keyframes tryon-fade{to{opacity:0}}.tryon__pill{z-index:2;border:1px solid var(--a2-border-soft);border-radius:var(--a2-radius);min-width:200px;color:var(--a2-text);font-size:var(--a2-fs-sm);text-align:center;background:#0b0d12d9;flex-direction:column;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.tryon__bar{background:#ffffff1f;border-radius:2px;height:3px;position:relative;overflow:hidden}.tryon__fill{background:var(--a2-gold,#d9b45a);width:4%;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.tryon__cancel{border:1px solid var(--a2-border-soft);border-radius:var(--a2-radius);color:var(--a2-text-dim);font:600 var(--a2-fs-xs) / 1.6 var(--a2-font-ui);cursor:pointer;background:0 0;align-self:center;padding:2px 10px}.tryon__cancel:hover{color:var(--a2-text)}.tryon__cancel:focus-visible{outline:2px solid var(--a2-select-line);outline-offset:1px}.tryon__bar[data-indeterminate] .tryon__fill{width:30%;animation:1.2s ease-in-out infinite tryon-slide}@keyframes tryon-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}.tryon__below{flex-direction:column;gap:8px;display:flex}.tryon__chips{flex-wrap:wrap;gap:8px;display:none}.tryon__note{color:var(--a2-text-dim);font-size:var(--a2-fs-sm);margin:0}.tryon__note--quiet{color:var(--a2-note);font-size:var(--a2-fs-xs)}.tryon__undressable{flex-direction:column;gap:10px;display:flex}.tryon__members{flex-direction:column;gap:6px;display:flex}.tryon__members-title{color:var(--a2-text-dim);font-size:var(--a2-fs-xs);letter-spacing:.04em;text-transform:uppercase}.tryon__members ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tryon__members a{border-radius:var(--a2-radius);display:block}.tryon__members a:focus-visible{outline:2px solid var(--a2-select-line);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tryon__cover,.tryon__fill{transition:none}.tryon__bar[data-indeterminate] .tryon__fill{animation:none}}@media (max-width:639px){.tryon{--tryon-w:min(100%, calc(62vh * 3 / 4));align-self:center}.tryon__overlay--top{display:none}.tryon__chips{display:flex}.tryon__go{justify-content:center;width:100%}.tryon__overlay--bottom{left:10px;right:10px}.tryon__hint{top:12px}}