*{box-sizing:border-box}body,html{margin:0;padding:0}body{background-color:#09090f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;margin:0 auto}#tryon-video{display:none;width:640px;height:480px}.videosource{display:none}.tryon-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#09090f;font-family:"Inter","Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;padding:32px 24px;grid-gap:24px;gap:24px}.tryon-header{text-align:center}.tryon-title{font-size:32px;font-weight:600;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#8888a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tryon-subtitle{font-size:13px;color:#555568;margin:8px 0 0;font-weight:400;letter-spacing:2px;text-transform:uppercase}.tryon-viewport{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px hsla(0,0%,100%,.06),0 8px 40px rgba(0,0,0,.5);background:#111118}#threejsContainer{width:100%;display:flex;align-items:center;justify-content:center}#threejsContainer canvas{width:640px;height:480px;display:block;object-fit:cover}.tryon-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111118;z-index:10;grid-gap:28px;gap:28px;transition:opacity .5s ease}.tryon-loading.fade-out{opacity:0;pointer-events:none}.tryon-loading-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);animation:icon-pulse 2s ease-in-out infinite}.tryon-loading-icon svg{opacity:.5}@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.tryon-loading-steps{display:flex;flex-direction:column;grid-gap:12px;gap:12px;min-width:200px}.tryon-loading-step{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:13px;color:#334;letter-spacing:.3px;transition:color .3s ease}.tryon-loading-step.active{color:#889}.tryon-loading-step.done{color:#555568}.tryon-step-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid hsla(0,0%,100%,.08);transition:all .3s ease}.tryon-loading-step.active .tryon-step-indicator{border-color:hsla(0,0%,100%,.25)}.tryon-loading-step.done .tryon-step-indicator{border-color:rgba(130,200,130,.4);background:rgba(130,200,130,.08)}.tryon-step-spinner{width:10px;height:10px;border:1.5px solid hsla(0,0%,100%,.1);border-top-color:hsla(0,0%,100%,.6);border-radius:50%;animation:spin .7s linear infinite}.tryon-step-check{width:10px;height:10px;color:rgba(130,200,130,.7)}@keyframes spin{to{transform:rotate(1turn)}}.tryon-loading-status{font-size:11px;color:#334;margin:0;letter-spacing:1px;text-transform:uppercase}.tryon-controls{display:flex;grid-gap:12px;gap:12px}.tryon-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 22px;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;background:hsla(0,0%,100%,.04);color:#ccd;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.tryon-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.18);color:#fff}.tryon-btn:active{transform:scale(.97)}.tryon-btn svg{flex-shrink:0}.tryon-btn-record.recording{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35);color:#ef4444}.tryon-btn-record.recording:hover{background:rgba(239,68,68,.22);border-color:rgba(239,68,68,.5)}@keyframes pulse-record{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.25)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.tryon-btn-record.recording{animation:pulse-record 1.8s ease infinite}.tryon-footer{font-size:11px;color:#334;margin:0;letter-spacing:.5px}@media (max-width:700px){.tryon-page{padding:20px 0;grid-gap:20px;gap:20px}.tryon-viewport{border-radius:0;width:100%;box-shadow:none;border-top:1px solid hsla(0,0%,100%,.06);border-bottom:1px solid hsla(0,0%,100%,.06)}#threejsContainer canvas{width:100vw;height:75vw}.tryon-title{font-size:24px}.tryon-subtitle{font-size:11px}.tryon-controls{padding:0 20px}.tryon-btn{flex:1 1;justify-content:center}}
/*# sourceMappingURL=main.8e35ab17.chunk.css.map */