.tryon-shell{--tryon-ink:var(--color-pure-black);--tryon-paper:var(--color-paper-white);--tryon-mint:var(--color-acid-mint);--tryon-orange:var(--color-vermillion);min-width:320px;min-height:100svh;color:var(--tryon-ink);font-family:var(--font-helvetica-now-display);background:#f2f5f3;font-size:16px;font-weight:550;line-height:1.45;overflow:clip}.tryon-shell *,.tryon-shell :before,.tryon-shell :after{box-sizing:border-box}.tryon-shell a{color:inherit;text-decoration:none}.tryon-shell button,.tryon-shell input{font:inherit}.tryon-shell button,.tryon-shell a{min-height:44px}.tryon-shell button:focus-visible,.tryon-shell a:focus-visible,.tryon-shell input:focus-visible,.tryon-shell canvas:focus-visible{outline:3px solid var(--tryon-orange);outline-offset:3px}.tryon-skip{z-index:80;border:1px solid var(--tryon-ink);background:var(--tryon-mint);border-radius:999px;align-items:center;padding:10px 18px;transition:transform .22s;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%,-180%)}.tryon-skip:focus{transform:translate(-50%)}.tryon-header{z-index:40;border:1px solid var(--tryon-ink);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#ffffffe6;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;width:min(1400px,100% - 10px);min-height:68px;margin:5px auto 0;padding:8px 12px;display:flex;position:sticky;top:5px;box-shadow:0 12px 36px #0f241d14}.tryon-brand{align-items:center;display:inline-flex}.tryon-brand .brand-mark__symbol{width:42px;height:42px}.tryon-brand .brand-mark__type{font-size:14px}.tryon-header__booking{border:1px solid var(--tryon-ink);background:var(--tryon-ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 17px;font-size:13px;font-weight:800;transition:transform .24s cubic-bezier(.16,1,.3,1),background .22s;display:inline-flex;color:var(--tryon-paper)!important}.tryon-header__booking:hover{background:var(--tryon-orange);transform:translateY(-2px)}.tryon-intro{border:1px solid var(--tryon-ink);background:radial-gradient(circle at 12% 88%, #ffffff52, transparent 30%), var(--tryon-mint);border-radius:24px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);align-items:center;gap:24px clamp(42px,7vw,110px);width:min(1400px,100% - 32px);min-height:min(720px,100svh - 98px);margin:18px auto 0;padding:clamp(34px,5vw,72px);display:grid;position:relative;overflow:hidden}.tryon-kicker,.tryon-catalog>div:first-child>p,.tryon-stage__heading p,.tryon-controls__heading p,.tryon-actions>div:first-child>p{color:var(--tryon-orange);letter-spacing:.06em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:850}.tryon-kicker{align-self:end}.tryon-intro h1{max-width:680px;font-family:var(--font-helvetica-now-display-condensed), "Arial Narrow", sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(48px,5.6vw,82px);font-weight:800;line-height:.92}.tryon-intro h1 span{display:block}.tryon-intro__copy{align-self:start;max-width:550px}.tryon-intro__copy p{margin:0;font-size:18px;font-weight:650;line-height:1.4}.tryon-intro__portrait{border:1px solid var(--tryon-ink);background:var(--tryon-paper);border-radius:18px;grid-area:1/2/4;height:100%;min-height:520px;margin:0;position:relative;overflow:hidden;box-shadow:0 28px 80px #15463526}.tryon-intro__portrait img{object-fit:cover}.tryon-steps{border:1px solid var(--tryon-ink);background:var(--tryon-paper);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1400px,100% - 32px);margin:18px auto 0;display:grid;overflow:hidden}.tryon-steps span{justify-content:center;align-items:center;min-height:64px;padding:10px 22px;font-size:13px;font-weight:800;display:flex}.tryon-steps span+span{border-left:1px solid var(--tryon-ink)}.tryon-steps span:nth-child(2){background:var(--tryon-mint)}.tryon-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(250px,300px);align-items:start;gap:18px;width:min(1400px,100% - 32px);margin:18px auto 0;padding-bottom:90px;display:grid}.tryon-catalog,.tryon-stage,.tryon-controls{border:1px solid var(--tryon-ink);background:var(--tryon-paper);border-radius:18px;min-width:0;padding:22px;box-shadow:0 18px 50px #0f392b12}.tryon-catalog h2,.tryon-stage h2,.tryon-controls h2,.tryon-actions h2{font-family:var(--font-helvetica-now-display-condensed), "Arial Narrow", sans-serif;letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800;line-height:1}.tryon-template-list{gap:10px;margin-top:26px;display:grid}.tryon-template-list button{background:var(--tryon-paper);width:100%;min-height:82px;color:var(--tryon-ink);text-align:left;cursor:pointer;border:1px solid #00000057;border-radius:12px;grid-template-columns:58px 1fr 24px;align-items:center;gap:10px;padding:8px;transition:border-color .18s,background .18s,transform .22s cubic-bezier(.16,1,.3,1);display:grid}.tryon-template-list button:hover{border-color:var(--tryon-ink);transform:translateY(-2px)}.tryon-template-list button.is-selected{border-color:var(--tryon-ink);background:var(--tryon-mint)}.tryon-template-list img{object-fit:contain;background:#eef1ef;border-radius:8px;width:58px;height:64px}.tryon-template-list span{gap:3px;display:grid}.tryon-template-list strong{color:var(--tryon-orange);font-size:13px;line-height:1.15}.tryon-template-list small{font-size:10px;font-weight:650}.tryon-template-list i{border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.tryon-template-list i svg{stroke-width:2px;width:13px;height:13px}.tryon-catalog__loading{margin:18px 0 0;font-size:12px}.tryon-stage{padding:22px}.tryon-stage__heading,.tryon-controls__heading{justify-content:space-between;align-items:flex-start;gap:14px;min-height:54px;display:flex}.tryon-stage__heading>button,.tryon-controls__heading>button{border:1px solid var(--tryon-ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.tryon-stage__heading button svg,.tryon-controls__heading button svg{stroke-width:1.8px;width:15px;height:15px}.tryon-stage__heading button:hover,.tryon-controls__heading button:hover:not(:disabled){background:var(--tryon-mint)}.tryon-stage__heading button:disabled,.tryon-controls__heading button:disabled{opacity:.42;cursor:not-allowed}.tryon-controls__heading{flex-direction:column;min-height:auto}.tryon-controls__heading>button{align-self:flex-start}.tryon-canvas-wrap{border:1px solid var(--tryon-ink);background:radial-gradient(circle at 50% 45%, #ffffffd1, transparent 34%), var(--tryon-mint);border-radius:16px;place-items:center;min-height:560px;margin-top:14px;display:grid;position:relative;overflow:hidden}.tryon-canvas-wrap.has-photo{background:var(--tryon-ink)}.tryon-canvas-wrap canvas{cursor:grab;touch-action:none;max-width:100%;max-height:72svh;display:block}.tryon-canvas-wrap canvas:active{cursor:grabbing}.tryon-empty{text-align:center;place-items:center;max-width:430px;padding:36px;display:grid}.tryon-empty>svg{border:1px solid var(--tryon-ink);stroke-width:1.5px;border-radius:50%;width:46px;height:46px;padding:11px}.tryon-empty h3{font-family:var(--font-helvetica-now-display-condensed);margin:20px 0 0;font-size:30px;line-height:1}.tryon-empty p{margin:14px 0 22px;font-size:13px;line-height:1.45}.tryon-file-button,.tryon-file-inline{border:1px solid var(--tryon-ink);background:var(--tryon-orange);min-height:48px;color:var(--tryon-paper);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:800;transition:transform .22s cubic-bezier(.16,1,.3,1),background .18s;display:inline-flex}.tryon-file-inline{background:var(--tryon-paper);width:100%;color:var(--tryon-ink);margin-top:10px}.tryon-file-button:hover,.tryon-file-inline:hover{background:var(--tryon-ink);color:var(--tryon-paper);transform:translateY(-2px)}.tryon-file-button input,.tryon-file-inline input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.tryon-status{min-height:22px;margin:12px 2px 0;font-size:11px;font-weight:650;line-height:1.35}.tryon-controls{gap:24px;display:grid}.tryon-controls label{gap:9px;display:grid}.tryon-controls label>span{color:var(--tryon-orange);text-transform:uppercase;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;display:flex}.tryon-controls output{font-variant-numeric:tabular-nums}.tryon-controls input[type=range]{width:100%;min-height:34px;accent-color:var(--tryon-orange);cursor:pointer;margin:0}.tryon-controls input[type=range]:disabled{cursor:not-allowed;opacity:.42}.tryon-controls__buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tryon-controls__buttons button{border:1px solid var(--tryon-ink);min-height:42px;color:var(--tryon-ink);cursor:pointer;background:0 0;border-radius:999px;padding:8px;font-size:11px;font-weight:800}.tryon-controls__buttons button:hover:not(:disabled),.tryon-controls__buttons button[aria-pressed=true]{background:var(--tryon-mint)}.tryon-controls__buttons button:disabled{cursor:not-allowed;opacity:.42}.tryon-controls__hint{border-top:1px solid #0003;margin:0;padding-top:18px;font-size:11px;line-height:1.4}.tryon-actions{border:1px solid var(--tryon-ink);background:var(--tryon-mint);border-radius:22px;grid-template-columns:minmax(300px,1fr) minmax(280px,.72fr) auto;align-items:end;gap:30px;width:min(1400px,100% - 32px);margin:0 auto 18px;padding:clamp(30px,4vw,50px);display:grid}.tryon-actions h2{font-size:clamp(34px,4vw,56px)}.tryon-actions>p{max-width:520px;margin:0;font-size:15px;font-weight:650;line-height:1.45}.tryon-actions>div:last-child{gap:9px;min-width:230px;display:grid}.tryon-actions button,.tryon-actions a{border:1px solid var(--tryon-ink);background:var(--tryon-paper);min-height:50px;color:var(--tryon-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.tryon-actions button:first-child{background:var(--tryon-ink);color:var(--tryon-paper)}.tryon-actions button:hover:not(:disabled),.tryon-actions a:hover{background:var(--tryon-orange);color:var(--tryon-paper)}.tryon-actions button:disabled{cursor:not-allowed;opacity:.42}.tryon-actions svg{stroke-width:1.8px;width:16px;height:16px}.tryon-footer{grid-template-columns:1fr auto;align-items:end;gap:10px 28px;width:min(1400px,100% - 32px);min-height:130px;margin:0 auto;padding:30px 0 42px;display:grid}.tryon-footer strong{color:var(--tryon-orange);font-family:var(--font-helvetica-now-display-condensed);text-transform:uppercase;font-size:clamp(44px,6vw,86px);line-height:.82}.tryon-footer p{margin:0;font-size:13px}.tryon-footer a{text-underline-offset:4px;min-height:auto;font-size:12px;font-weight:750;text-decoration:underline}@media (max-width:1180px){.tryon-intro{grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr)}.tryon-layout{grid-template-columns:minmax(230px,.34fr) minmax(0,1fr)}.tryon-controls{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.tryon-controls__heading,.tryon-controls__buttons,.tryon-controls__hint{grid-column:1/-1}.tryon-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tryon-actions>div:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.tryon-header{border-radius:15px;min-height:62px}.tryon-brand .brand-mark__type{display:none}.tryon-header__booking{padding-inline:13px;font-size:11px}.tryon-intro{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:18px;min-height:auto;padding:30px 20px 20px}.tryon-intro h1{font-size:clamp(44px,13vw,64px)}.tryon-intro__portrait{grid-area:3/1;min-height:430px}.tryon-intro__copy{grid-row:4}.tryon-intro__copy p{font-size:16px}.tryon-steps{grid-template-columns:1fr}.tryon-steps span{justify-content:flex-start;min-height:52px}.tryon-steps span+span{border-top:1px solid var(--tryon-ink);border-left:0}.tryon-layout{grid-template-columns:1fr;padding-bottom:60px}.tryon-catalog,.tryon-stage,.tryon-controls{padding:18px}.tryon-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tryon-template-list button{grid-template-columns:1fr 24px;min-height:130px}.tryon-template-list img{grid-column:1/-1;width:100%;height:70px}.tryon-controls{grid-template-columns:1fr}.tryon-controls__heading,.tryon-controls__buttons,.tryon-controls__hint{grid-column:auto}.tryon-canvas-wrap{min-height:430px}.tryon-actions{grid-template-columns:1fr;align-items:start}.tryon-actions>div:last-child{grid-column:auto;grid-template-columns:1fr}.tryon-footer{grid-template-columns:1fr;align-items:start}}@media (max-width:460px){.tryon-intro,.tryon-steps,.tryon-layout,.tryon-actions,.tryon-footer{width:calc(100% - 20px)}.tryon-intro__portrait{min-height:360px}.tryon-template-list{grid-template-columns:1fr}.tryon-canvas-wrap{min-height:360px}.tryon-controls__heading{flex-direction:column;align-items:stretch}.tryon-controls__heading>button{width:fit-content}}@media (prefers-reduced-motion:reduce){.tryon-shell *,.tryon-shell :before,.tryon-shell :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}