[data-tryon-demo]{position:relative;isolation:isolate;background:linear-gradient(135deg,#3c3c3c,#303030)}
[data-tryon-demo] .frame-buttons{position:static;display:contents}
[data-tryon-stage]{position:absolute;left:42.7%;top:5.1%;width:54.9%;height:89%;overflow:hidden;border:1px solid #505050;background:radial-gradient(ellipse at 40% 30%,#45494b,#2e3031);border-radius:clamp(3px,1vw,17px);z-index:1}
[data-tryon-demo] [hidden]{display:none!important}
[data-tryon-demo] [data-frame]{position:absolute;left:3%;width:38%;height:28.5%;padding:0;background:linear-gradient(#414141,#353535);border:1px solid #525252;border-radius:clamp(3px,1vw,14px);z-index:2;cursor:pointer;touch-action:manipulation}
[data-tryon-demo] [data-frame="0"]{top:4.8%}
[data-tryon-demo] [data-frame="1"]{top:35.6%}
[data-tryon-demo] [data-frame="2"]{top:66.7%}
[data-tryon-demo] [data-frame]:focus-visible{outline:2px solid #00b2f6;outline-offset:-3px}
[data-tryon-demo] [data-frame].tryon-is-selected{box-shadow:inset 0 0 0 1.5px #00b7ed;background:linear-gradient(#414b4f,#333e42)}
[data-tryon-demo] .frame-buttons [data-frame]{display:grid;place-items:center}
[data-tryon-demo] .tryon-frame-thumbnail{display:block;width:94%;height:88%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 1px 1.5px #0005)}
[data-tryon-demo] [data-tryon-start]{position:absolute;left:57%;top:7%;width:38%;z-index:4;opacity:1;cursor:pointer;background:rgba(22,22,22,.82);color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:clamp(3px,.8vw,9px);padding:clamp(4px,.5vw,7px) 3px;font:inherit;font-size:clamp(7px,.85vw,12px);line-height:1.25;touch-action:manipulation}
[data-tryon-demo] [data-tryon-start]:focus-visible{outline:2px solid #fff;outline-offset:2px}
[data-tryon-demo] [data-tryon-start]:disabled{opacity:.55;cursor:wait}
[data-tryon-demo] .tryon-picture,[data-tryon-demo] .tryon-video,[data-tryon-demo] .tryon-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
[data-tryon-demo] .tryon-video{transform:scaleX(-1)}
[data-tryon-demo] .tryon-picture,[data-tryon-demo] .tryon-video{background:#343434;z-index:0}
[data-tryon-demo] .tryon-canvas{background:transparent;z-index:1;pointer-events:none;transform-origin:center}
[data-tryon-demo] .tryon-controls{position:absolute;z-index:4;left:4%;right:4%;bottom:4%;height:clamp(18px,2.7vw,37px);display:flex;align-items:center;gap:clamp(2px,.4vw,6px);padding:clamp(2px,.3vw,4px);background:rgba(25,25,25,.84);border:1px solid rgba(255,255,255,.14);border-radius:clamp(3px,.6vw,8px)}
[data-tryon-demo] .tryon-controls button{display:flex;justify-content:center;align-items:center;background:transparent;border:0;color:#f2f2f2;padding:0;width:clamp(14px,2vw,28px);height:100%;cursor:pointer;flex-shrink:0;touch-action:manipulation}
[data-tryon-demo] .tryon-controls button:hover{color:#00baff}
[data-tryon-demo] .tryon-controls button:focus-visible{outline:1.5px solid #00baff;border-radius:3px;outline-offset:1px}
[data-tryon-demo] .tryon-controls svg{width:80%;height:80%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
[data-tryon-demo] .tryon-size{display:flex;flex:1;min-width:10px}
[data-tryon-demo] .tryon-size input{width:100%;min-width:10px;margin:0;accent-color:#00b3f0;height:clamp(12px,1.9vw,26px);cursor:ew-resize}
[data-tryon-demo] .tryon-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
[data-tryon-demo] .tryon-status{position:absolute;left:5%;right:5%;bottom:20%;text-align:center;pointer-events:none;color:#eee;font-size:clamp(6px,.8vw,11px);line-height:1.25;text-shadow:0 1px 4px #111;z-index:3}
[data-tryon-demo] .tryon-status:empty{display:none}
[data-tryon-demo] .tryon-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(pointer:coarse){[data-tryon-demo] .tryon-controls{height:30px;gap:2px}[data-tryon-demo] .tryon-controls button{width:22px}[data-tryon-demo] .tryon-size input{height:26px}[data-tryon-demo] .tryon-status{bottom:30%}[data-tryon-demo] [data-tryon-start]{min-height:25px}}