@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}:root{--bg-1:#444;--bg-2:#111;--panel:rgba(10,10,10,0.55);--glass:rgba(255,255,255,0.04);--accent:rgba(208,28,28,0.95);--text:rgba(255,255,255,0.95);--primary:#0066cc;--secondary:#00a8ff;--dot:#686868;--primaryreverse:#ff9800}body,html{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 30% 20%,var(--bg-1),var(--bg-2));color:var(--text);transition:all .5s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:2000;display:none;justify-content:center;align-items:center}.tutorial-overlay.active{display:flex}.tutorial-box{background:linear-gradient(180deg,rgba(10,10,10,.62),rgba(10,10,10,.45));border-radius:16px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 40px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);position:relative;animation:tutorialFadeIn .5s ease}@keyframes tutorialFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tutorial-title{font-weight:700;margin:0}.tutorial-close,.tutorial-title{font-size:24px;color:var(--text)}.tutorial-close{background:none;border:none;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s}.tutorial-close:hover{background:rgba(255,255,255,.1)}.tutorial-content{margin-bottom:30px}.tutorial-text{font-size:16px;line-height:1.6;color:var(--text);margin-bottom:20px}.tutorial-highlight{background:rgba(255,255,255,.1);padding:15px;border-radius:10px;border-left:4px solid var(--primary);margin:15px 0}.tutorial-actions{display:flex;justify-content:space-between;gap:15px}.tutorial-btn{padding:12px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.tutorial-skip{background:rgba(255,255,255,.1);color:var(--text)}.tutorial-skip:hover{background:rgba(255,255,255,.2)}.tutorial-next{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white}.tutorial-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.tutorial-progress{display:flex;justify-content:center;gap:8px;margin-top:20px}.tutorial-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .3s}.tutorial-dot.active{background:var(--primary)}.tutorial-highlight-element{position:absolute;border:2px solid var(--primary);border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.5);z-index:2001;pointer-events:none;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,102,204,.7)}70%{box-shadow:0 0 0 10px rgba(0,102,204,0)}to{box-shadow:0 0 0 0 rgba(0,102,204,0)}}@keyframes flashRed{0%,to{border-color:rgba(255,152,0,.1);box-shadow:0 0 0 0 rgba(255,68,68,0)}50%{border-color:rgba(206,106,39,.3);box-shadow:0 0 1px 3px var(--primaryreverse)}}.flashing{animation:flashRed 1s ease 3}body.light-mode .tutorial-box{background:rgba(255,255,255,.95);border:1px solid rgba(255,152,0,.2)}body.light-mode .tutorial-close,body.light-mode .tutorial-text,body.light-mode .tutorial-title{color:#000000}body.light-mode .tutorial-highlight{background:rgba(255,152,0,.1);border-left:4px solid var(--primary)}body.light-mode .tutorial-skip{background:rgba(255,152,0,.1);color:#000000}body.light-mode .tutorial-dot,body.light-mode .tutorial-skip:hover{background:rgba(255,152,0,.2)}body.light-mode .tutorial-dot.active{background:var(--primary)}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;font-size:16px;display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--text);background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.25));padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(4px)}.progress-bar{width:300px;height:12px;background:rgba(255,255,255,.04);border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#fff,#ddd);transition:width .18s linear}body.loading .step,body.loading .step-bars,body.loading .theme-toggle{display:none!important}.step{display:none}.step-bars,.step.active{display:flex}.step-bars{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);gap:8px;z-index:1500;width:100%;max-width:900px;display:none}.step-bars.active{display:flex}.step-bar{flex:1;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;transition:all .3s ease}.step-bar.active{transform:scaleY(1.2)}.step-bar.active,.step-bar.completed{background:linear-gradient(135deg,var(--primary),var(--secondary))}body.light-mode .step-bar{background:rgba(255,152,0,.2)}body.light-mode .step-bar.active,body.light-mode .step-bar.completed{background:linear-gradient(135deg,var(--primary),var(--secondary))}.step-indicator{display:none}.theme-toggle{position:fixed;bottom:20px;left:20px;z-index:1400;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,rgba(10,10,10,.9),rgba(30,30,30,.8));backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 12px 35px rgba(0,0,0,.6)}.theme-toggle:active{transform:scale(.95)}.theme-icon{width:28px;height:28px;position:relative;transform-style:preserve-3d}.theme-icon,.theme-icon:after,.theme-icon:before{border-radius:50%;transition:all .5s cubic-bezier(.4,0,.2,1)}.theme-icon:after,.theme-icon:before{content:"";position:absolute}.theme-icon:before{width:100%;height:100%;background:linear-gradient(135deg,#FFD700,#FFA500);box-shadow:inset 2px 2px 4px rgba(255,255,255,.3),inset -2px -2px 4px rgba(0,0,0,.2),0 0 20px rgba(255,215,0,.4)}.theme-icon:after{width:70%;height:70%;background:linear-gradient(135deg,#333,#1a1a1a);top:15%;left:15%;transform:scale(0);box-shadow:inset 1px 1px 3px rgba(255,255,255,.1),inset -1px -1px 3px rgba(0,0,0,.5)}body.dark-mode{--bg-1:#444;--bg-2:#111;--panel:rgba(10,10,10,0.55);--glass:rgba(255,255,255,0.04);--accent:rgba(208,28,28,0.95);--text:rgba(255,255,255,0.95)}body.light-mode{--bg-1:#fffaf2;--bg-2:#ffffff;--panel:rgba(255,255,255,0.95);--glass:rgba(255,152,0,0.08);--accent:rgba(255,87,34,0.95);--text:rgba(0,0,0,0.95);--primary:#ff9800;--secondary:#ff5722;--dot:#cfcfcf;--primaryreverse:#0066cc;background:radial-gradient(circle at 30% 20%,var(--bg-1),var(--bg-2))}body.light-mode .theme-toggle{background:linear-gradient(135deg,rgba(255,152,0,.9),rgba(255,87,34,.8));border:1px solid rgba(255,152,0,.3)}body.light-mode .theme-icon:before{transform:scale(0)}body.light-mode .theme-icon:after{transform:scale(1);background:linear-gradient(135deg,#FFD700,#FFA500);box-shadow:inset 2px 2px 4px rgba(255,255,255,.3),inset -2px -2px 4px rgba(0,0,0,.2),0 0 20px rgba(255,215,0,.4)}body.light-mode .left-controls{background:linear-gradient(180deg,rgba(255,152,0,.1),rgba(255,87,34,.05));border:1px solid rgba(255,152,0,.15)}body.light-mode .color-panel,body.light-mode .measurement-panel,body.light-mode .pose-tabs{background:rgba(255,255,255,.9);border:1px solid rgba(255,152,0,.2)}body.light-mode .topbar{background:rgba(255,255,255,.95);border-bottom:1px solid rgba(255,152,0,.2)}body.light-mode .pose-tab{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.2);color:#000000}body.light-mode .pose-tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white}body.light-mode .controls button{background:rgba(255,152,0,.1);border:2px solid rgba(255,152,0,.2)}body.light-mode .controls button:hover{background:rgba(255,152,0,.2)}body.light-mode .color-option{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.2);color:#000000}body.light-mode .color-option:hover{background:rgba(255,152,0,.15)}body.light-mode .color-option.selected{border-color:rgba(255,152,0,.4)}body.light-mode .apply-btn,body.light-mode .color-option.selected{background:linear-gradient(135deg,var(--primary),var(--secondary))}body.light-mode .apply-btn{color:white;border:1px solid rgba(255,255,255,.3)}body.light-mode .apply-btn:hover{border:1px solid #f7941d;background:rgba(255,152,0,.25);color:#F7941D}body.light-mode .logo{background:linear-gradient(135deg,#ff9800,#ff5722);color:white}body.light-mode #loading{background:linear-gradient(180deg,rgba(255,152,0,.2),rgba(255,87,34,.1));border:1px solid rgba(255,152,0,.2);color:#333}.main-container{padding:30px 20px 20px}.main-container,.main-container2{display:flex;justify-content:space-between;align-items:center;width:-webkit-fill-available;min-height:calc(100vh - 80px);box-sizing:border-box}.main-container2{padding:80px 20px 20px}.left-controls{width:60px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:20px;padding:20px 12px;display:flex;flex-direction:column;gap:16px;box-shadow:0 14px 36px rgba(0,0,0,.6);backdrop-filter:blur(6px);border:1px solid var(--glass);flex-shrink:0}.controls{flex-direction:column;gap:20px}.controls,.controls button{display:flex;justify-content:center;align-items:center}.controls button{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.4)}.controls button:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.controls button img{filter:invert(1);transition:filter .5s cubic-bezier(.4,0,.2,1)}body.light-mode .controls button img{filter:invert(.5) sepia(1) saturate(5) hue-rotate(0deg)}.viewer-section{flex:1;flex-direction:column;margin:0 auto}.viewer-area,.viewer-section{display:flex;align-items:center;justify-content:center;max-width:700px}.viewer-area{position:relative;width:100%}#viewer{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;cursor:ew-resize}#viewer-container{position:relative;width:700px;height:700px;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .5s ease}.Step2img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;left:0}#viewer-container :global(img){-o-object-fit:contain;object-fit:contain}#measure-overlay{opacity:0;transition:opacity .5s ease}.right-panel-section{width:320px;gap:20px;flex-shrink:0}.pose-tabs,.right-panel-section{display:flex;flex-direction:column}.pose-tabs{background:linear-gradient(180deg,rgba(10,10,10,.62),rgba(10,10,10,.45));border-radius:16px;padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);gap:10px}.pose-tabs h3{margin:0 0 20px;font-size:18px;color:var(--text);font-weight:600;text-align:center}.pose-tab{padding:12px 16px;border-radius:999px;font-size:14px;font-weight:500;color:rgba(255,255,255,.7);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease;text-align:center}.pose-tab:hover{background:rgba(255,255,255,.08);color:white}.pose-tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;box-shadow:0 4px 12px rgba(0,102,204,.3);border-color:rgba(255,255,255,.2)}.color-panel{background:linear-gradient(180deg,rgba(10,10,10,.62),rgba(10,10,10,.45));border-radius:16px;padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);overflow:auto;max-height:60vh}.color-panel h3{margin:0 0 20px;font-size:18px;color:var(--text);font-weight:600;text-align:center}.color-options{display:flex;flex-direction:column;gap:10px}.color-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease;text-align:center}.color-option:hover{background:rgba(255,255,255,.08);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.color-option.selected{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;box-shadow:0 4px 12px rgba(0,102,204,.3);border-color:rgba(255,255,255,.2)}.color-name{font-size:14px;color:var(--text);font-weight:500;flex:1;margin-left:8px}.color-option.selected .color-name{color:white}.color-circle{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .3s ease}.color-option.selected .color-circle{border-color:white;box-shadow:0 0 12px rgba(255,255,255,.6);transform:scale(1.1)}.apply-btn{width:100%;padding:14px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;margin-top:20px;font-weight:600;font-size:14px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,102,204,.3)}.apply-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:brightness(1.1)}.right-sidebar{width:480px;gap:20px;flex-shrink:0}.measurement-panel,.right-sidebar{display:flex;flex-direction:column}.measurement-panel{background:linear-gradient(180deg,rgba(10,10,10,.62),rgba(10,10,10,.45));border-radius:16px;padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);overflow:auto;max-height:60vh}.measurement-panel h3{margin:0 0 20px;font-size:18px;color:var(--text);font-weight:600;text-align:center}.measurement-options{display:flex;flex-direction:column;gap:10px;flex:1}.measurement-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease;height:30px}.measurement-option:hover{background:rgba(255,255,255,.08);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.measurement-option.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;box-shadow:0 4px 12px rgba(0,102,204,.3);border-color:rgba(255,255,255,.2)}.measurement-name{font-size:14px;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.measurement-option.active .measurement-name{color:white}.measurement-input{display:flex;align-items:center;background:rgba(255,255,255,.1);border-radius:999px;border:1px solid rgba(255,255,255,.1);overflow:hidden;min-width:120px}.measurement-input input{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text);font-size:14px;outline:none;text-align:right;width:80px;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.measurement-input input::-webkit-inner-spin-button,.measurement-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.measurement-input input:focus,.measurement-unit{background:rgba(255,255,255,.15)}.measurement-unit{padding:8px 12px;font-size:12px;color:var(--text);font-weight:500;border-left:1px solid rgba(255,255,255,.1);white-space:nowrap}.measurement-option.active .measurement-input{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.measurement-option.active .measurement-input input{color:white}.measurement-option.active .measurement-unit{background:rgba(255,255,255,.25);color:white}.flexy{display:flex;gap:25px;margin-top:20px}.back-btn{flex:1;padding:14px;border-radius:999px;border:none;cursor:pointer;background:rgba(255,255,255,.08);color:var(--text);font-weight:600;font-size:14px;transition:all .3s ease;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:8px}.back-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}.next-btn{flex:1;padding:14px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:600;font-size:14px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,102,204,.3)}.next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:brightness(1.1)}.next-btn:disabled{cursor:not-allowed}.next-btn.look-disabled,.next-btn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);transform:none;box-shadow:none;filter:none}.next-btn.look-disabled{cursor:pointer}.next-btn.look-disabled:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);transform:none;box-shadow:none;filter:none}body.light-mode .next-btn.look-disabled,body.light-mode .next-btn:disabled{background:rgba(255,152,0,.1);color:rgba(0,0,0,.4);border:1px solid rgba(255,152,0,.1)}body.light-mode .next-btn.look-disabled{cursor:pointer}body.light-mode .next-btn.look-disabled:hover{background:rgba(255,152,0,.1);color:rgba(0,0,0,.4);transform:none;box-shadow:none;filter:none}body.light-mode .back-btn{background:rgba(255,152,0,.1);color:#333;border:1px solid rgba(255,152,0,.2)}body.light-mode .back-btn:hover{background:rgba(255,152,0,.2);border-color:rgba(255,152,0,.4)}body.light-mode .measurement-option{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.2);color:#000000}body.light-mode .measurement-option:hover{background:rgba(255,152,0,.15);color:#000000}body.light-mode .measurement-option.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-color:rgba(255,152,0,.4)}body.light-mode .measurement-option.active .measurement-name{color:white}body.light-mode .measurement-input{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.2)}body.light-mode .measurement-input input{color:#000000}body.light-mode .measurement-input input:focus{background:rgba(255,152,0,.2)}body.light-mode .measurement-unit{background:rgba(255,152,0,.15);color:#000000;border-left:1px solid rgba(255,152,0,.2)}body.light-mode .measurement-option.active .measurement-input{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.4)}body.light-mode .measurement-option.active .measurement-input input{color:white}body.light-mode .measurement-option.active .measurement-unit{background:rgba(255,255,255,.4);color:white}.input-error{margin-top:4px;font-size:12px;color:#ff6b6b;opacity:0;transition:opacity .2s ease}.input-error.visible{opacity:1}.step3-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;gap:40px;opacity:0;animation:fadeInStep3 1s ease .3s forwards}.step3-left{flex:1;flex-direction:column;max-width:500px;transform:translateX(-30px);animation:slideInLeft .8s ease .5s forwards}.step3-left,.step3-right{display:flex;justify-content:center;opacity:0}.step3-right{flex:1;align-items:center;transform:translateX(30px);animation:slideInRight .8s ease .7s forwards}.step3-header{margin-bottom:30px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .8s forwards}.step3-header h1{font-size:32px;font-weight:700;margin:0 0 15px;color:var(--text)}.step3-header p{font-size:16px;color:rgba(255,255,255,.7);margin:0;line-height:1.6}body.light-mode .step3-header p{color:rgba(0,0,0,.7)}.step3-preview{position:relative;width:100%;max-width:700px;height:700px;display:flex;justify-content:center;align-items:center;overflow:hidden;opacity:0;transform:scale(.9);animation:zoomIn .8s ease .9s forwards}.step3-preview img{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;opacity:0;animation:fadeIn .8s ease 1.1s forwards}.step4-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;gap:40px;opacity:0;animation:fadeInStep3 1s ease .3s forwards}.step4-header{text-align:center;margin-bottom:50px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .5s forwards}.step4-header h1{font-size:48px;font-weight:700;margin:0 0 20px;color:var(--text)}.step4-header p{font-size:18px;color:rgba(255,255,255,.7);margin:0;line-height:1.6}body.light-mode .step4-header p{color:rgba(0,0,0,.7)}.cards-container{display:flex;gap:20px;border-radius:30px;justify-content:center}.card{width:250px;border-radius:12px;overflow:hidden;cursor:pointer;border-radius:30px;display:flex;flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .3s}.card:hover{transform:translateY(-5px)}.card-image-container{background:white;position:relative;width:100%;height:180px;overflow:hidden}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-gradient{position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.card-title{position:absolute;bottom:10px;left:10px;color:white;font-weight:700;font-size:18px;z-index:2}.card-description{padding:15px;color:white;font-weight:500;font-size:14px;line-height:1.4;background-color:var(--primary)}.step4-actions{display:flex;gap:20px;width:100%;max-width:500px;margin-top:50px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .9s forwards}.step4-actions .back-btn,.step4-actions .next-btn{flex:1;padding:16px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.step4-actions .back-btn{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.08)}.step4-actions .back-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}.step4-actions .next-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,102,204,.3)}.step4-actions .next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:brightness(1.1)}.step4-actions .next-btn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);cursor:not-allowed;transform:none;box-shadow:none;filter:none}body.light-mode .step4-actions .back-btn{background:rgba(255,152,0,.1);color:#333;border:1px solid rgba(255,152,0,.2)}body.light-mode .step4-actions .back-btn:hover{background:rgba(255,152,0,.2);border-color:rgba(255,152,0,.4)}.step5-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;gap:40px;opacity:0;animation:fadeInStep3 1s ease .3s forwards}.step5-header{text-align:center;margin-bottom:50px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .5s forwards}.step5-header h1{font-size:48px;font-weight:700;margin:0 0 20px;color:var(--text)}.step5-header p{font-size:18px;color:rgba(255,255,255,.7);margin:0;line-height:1.6}body.light-mode .step5-header p{color:rgba(0,0,0,.7)}.step5-actions{display:flex;gap:20px;width:100%;max-width:500px;margin-top:50px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .9s forwards}.step5-actions .back-btn,.step5-actions .next-btn{flex:1;padding:16px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.step5-actions .back-btn{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.08)}.step5-actions .back-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}.step5-actions .next-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,102,204,.3)}.step5-actions .next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:brightness(1.1)}.step5-actions .next-btn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);cursor:not-allowed;transform:none;box-shadow:none;filter:none}body.light-mode .step5-actions .back-btn{background:rgba(255,152,0,.1);color:#333;border:1px solid rgba(255,152,0,.2)}body.light-mode .step5-actions .back-btn:hover{background:rgba(255,152,0,.2);border-color:rgba(255,152,0,.4)}.step6-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;opacity:0;animation:fadeInStep3 1s ease .3s forwards}.step6-header{text-align:center;margin-bottom:50px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .5s forwards}.step6-header h1{font-size:48px;font-weight:700;margin:0 0 20px;color:var(--text)}.step6-header p{font-size:18px;color:rgba(255,255,255,.7);margin:0;line-height:1.6}body.light-mode .step6-header p{color:rgba(0,0,0,.7)}.motorization-options{display:flex;flex-direction:column;gap:30px;width:100%;max-width:800px}.motorization-section{background:linear-gradient(180deg,rgba(10,10,10,.62),rgba(10,10,10,.45));border-radius:16px;padding:25px;box-shadow:0 18px 40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);position:relative}.motorization-section h3{margin:0 0 20px;font-size:20px;color:var(--text);font-weight:600;text-align:center}.options-row{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.motorization-option{flex:1;min-width:120px;padding:15px 20px;border-radius:12px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;text-align:center;font-weight:500;color:var(--text);position:relative}.motorization-option:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.motorization-option.selected{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-color:rgba(255,255,255,.3);box-shadow:0 4px 12px rgba(0,102,204,.3)}.outil-section{background:linear-gradient(180deg,rgba(10,10,10,.62),rgba(10,10,10,.45));border-radius:16px;padding:25px;box-shadow:0 18px 40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);position:relative}.outil-section h3{margin:0 0 20px;font-size:20px;color:var(--text);font-weight:600;text-align:center}.outil-options{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.outil-option{flex:1;min-width:120px;padding:15px 20px;border-radius:12px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;text-align:center;font-weight:500;color:var(--text);position:relative}.outil-option:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.outil-option.selected{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-color:rgba(255,255,255,.3);box-shadow:0 4px 12px rgba(0,102,204,.3)}body.light-mode .outil-section{background:rgba(255,255,255,.9);border:1px solid rgba(255,152,0,.2)}body.light-mode .outil-option{background:rgba(255,152,0,.1);border:2px solid rgba(255,152,0,.2);color:#000000}body.light-mode .outil-option:hover{background:rgba(255,152,0,.15)}body.light-mode .outil-option.selected{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-color:rgba(255,152,0,.4)}.motorization-section{display:none}.motorized-visible .motorization-section{display:block}.outil-section{display:none}.manual-visible .outil-section{display:block}.motorization-option:hover:after,.outil-option:hover:after{content:"";position:absolute;top:-170px;left:50%;transform:translateX(-50%);width:150px;height:150px;border-radius:30px;background-size:cover;background-position:50%;box-shadow:0 10px 30px rgba(0,0,0,.5);border:3px solid rgba(255,255,255,.2);z-index:10;opacity:0;animation:fadeInHover .3s ease forwards}.motorization-option[data-type=filaire]:hover:after{background-image:url(/images/filaire.webp)}.motorization-option[data-type=radio]:hover:after{background-image:url(/images/radio.webp)}.motorization-option[data-interrupteur=sans]:hover:after{background-image:url(/images/sans-interrupteur.webp)}.motorization-option[data-interrupteur=encastree]:hover:after{background-image:url(/images/interrupteur-encastree.webp)}.motorization-option[data-interrupteur=applique]:hover:after{background-image:url(/images/interrupteur-applique.webp)}.motorization-option[data-cable=droite]:hover:after{background-image:url(/images/cable-droite.webp)}.motorization-option[data-cable=gauche]:hover:after{background-image:url(/images/cable-gauche.webp)}.motorization-option[data-telecommande=sans]:hover:after{background-image:url(/images/sans-interrupteur.webp)}.motorization-option[data-telecommande=avec]:hover:after{background-image:url(/images/avec-telecommande.webp)}.outil-option[data-outil=manivelle]:hover:after{background-image:url(/images/manivelle.webp)}.outil-option[data-outil=sangle]:hover:after{background-image:url(/images/sangle.webp)}.motorization-option:hover:after,.outil-option:hover:after{background-color:var(--primary);display:flex;align-items:center;justify-content:center;color:white;font-size:12px}@keyframes fadeInHover{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.step6-actions{display:flex;gap:20px;width:100%;max-width:500px;margin-top:50px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .9s forwards}.step6-actions .back-btn,.step6-actions .next-btn{flex:1;padding:16px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.step6-actions .back-btn{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.08)}.step6-actions .back-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}.step6-actions .next-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,102,204,.3)}.step6-actions .next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:brightness(1.1)}.step6-actions .next-btn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);cursor:not-allowed;transform:none;box-shadow:none;filter:none}body.light-mode .step6-actions .back-btn{background:rgba(255,152,0,.1);color:#333;border:1px solid rgba(255,152,0,.2)}body.light-mode .step6-actions .back-btn:hover{background:rgba(255,152,0,.2);border-color:rgba(255,152,0,.4)}body.light-mode .motorization-section{background:rgba(255,255,255,.9);border:1px solid rgba(255,152,0,.2)}body.light-mode .motorization-option{background:rgba(255,152,0,.1);border:2px solid rgba(255,152,0,.2);color:#000000}body.light-mode .motorization-option:hover{background:rgba(255,152,0,.15)}body.light-mode .motorization-option.selected{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-color:rgba(255,152,0,.4)}.step7-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:40px 20px 20px;gap:30px;opacity:0;animation:fadeInStep3 1s ease .3s forwards;min-height:calc(100vh - 120px);box-sizing:border-box}.step7-header{text-align:center;margin-bottom:30px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .5s forwards;flex-shrink:0}.step7-header h1{font-size:48px;font-weight:700;margin:0 0 20px;color:var(--text)}.step7-header p{font-size:18px;color:rgba(255,255,255,.7);margin:0;line-height:1.6}body.light-mode .step7-header p{color:rgba(0,0,0,.7)}.summary-rows{display:flex;gap:30px;width:100%;max-width:1300px;margin:0 auto;flex:1;align-items:stretch}.summary-row1,.summary-row2,.summary-row3{display:flex;flex-direction:column;gap:30px;flex:1}.summary-section{flex:1;min-height:200px}.summary-items{display:flex;flex-direction:column;gap:15px;flex:1}.summary-section{background:linear-gradient(180deg,rgba(10,10,10,.62),rgba(10,10,10,.45));border-radius:16px;padding:25px;box-shadow:0 18px 40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);display:flex;flex-direction:column;overflow:hidden}.summary-row:first-child .summary-section,.summary-row:nth-child(2) .summary-section,.summary-row:nth-child(3) .summary-section{flex:1}body.light-mode .summary-section{background:rgba(255,255,255,.9);border:1px solid rgba(255,152,0,.2)}.summary-section h3{margin:0 0 20px;font-size:20px;color:var(--text);font-weight:600;text-align:center;border-bottom:2px solid var(--primary);padding-bottom:10px;flex-shrink:0}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);flex-shrink:0}body.light-mode .summary-item{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.2)}.summary-label{font-size:14px;color:var(--text);font-weight:500}.summary-value{font-size:14px;color:var(--primary);font-weight:600;text-align:right;max-width:60%;word-break:break-word}body.light-mode .summary-value{color:var(--secondary)}.step7-actions{display:flex;gap:20px;width:100%;max-width:600px;margin-top:20px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .9s forwards;flex-shrink:0}.step7-actions .back-btn,.step7-actions .cancel-btn,.step7-actions .devis-btn{flex:1;padding:16px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.step7-actions .back-btn{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.08)}.step7-actions .back-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}.step7-actions .cancel-btn{background:rgba(208,28,28,.2);color:var(--text);border:1px solid rgba(208,28,28,.3)}.step7-actions .cancel-btn:hover{background:rgba(208,28,28,.3);transform:translateY(-2px);box-shadow:0 6px 20px rgba(208,28,28,.4);border-color:rgba(208,28,28,.5)}.step7-actions .devis-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,102,204,.3)}.step7-actions .devis-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:brightness(1.1)}body.light-mode .step7-actions .back-btn{background:rgba(255,152,0,.1);color:#333;border:1px solid rgba(255,152,0,.2)}body.light-mode .step7-actions .back-btn:hover{background:rgba(255,152,0,.2);border-color:rgba(255,152,0,.4)}body.light-mode .step7-actions .cancel-btn{background:rgba(208,28,28,.1);color:#333;border:1px solid rgba(208,28,28,.3)}body.light-mode .step7-actions .cancel-btn:hover{background:rgba(208,28,28,.2);border-color:rgba(208,28,28,.4)}@keyframes fadeInStep3{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step3-actions{display:flex;gap:20px;width:100%;max-width:500px;margin-top:30px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease 1s forwards}.step3-actions .back-btn,.step3-actions .next-btn{flex:1;padding:16px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.step3-actions .back-btn{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.08)}.step3-actions .back-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}.step3-actions .next-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,102,204,.3)}.step3-actions .next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:brightness(1.1)}body.light-mode .step3-actions .back-btn{background:rgba(255,152,0,.1);color:#333;border:1px solid rgba(255,152,0,.2)}body.light-mode .step3-actions .back-btn:hover{background:rgba(255,152,0,.2);border-color:rgba(255,152,0,.4)}.required:after{content:" *";color:#ff4444}@media (max-width:768px){.summary-rows{flex-direction:column;gap:20px;width:100%}.summary-row1,.summary-row2,.summary-row3{width:100%}.summary-section{width:100%;margin-bottom:0}.step7-content .summary-rows{display:flex;flex-direction:column;gap:15px}.step7-content .summary-section{background:linear-gradient(180deg,rgba(10,10,10,.62),rgba(10,10,10,.45));border-radius:12px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);width:100%;box-sizing:border-box}.step7-content .summary-section h3{font-size:18px;margin:0 0 15px;text-align:center;border-bottom:2px solid var(--primary);padding-bottom:8px}.step7-content .summary-items{display:flex;flex-direction:column;gap:10px}.step7-content .summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.step7-content .summary-label{font-size:14px;font-weight:500;color:var(--text)}.step7-content .summary-value{font-size:14px;font-weight:600;color:var(--primary);text-align:right;max-width:50%;word-break:break-word}body.light-mode .step7-content .summary-section{background:rgba(255,255,255,.9);border:1px solid rgba(255,152,0,.2)}body.light-mode .step7-content .summary-item{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.2)}body.light-mode .step7-content .summary-value{color:var(--secondary)}}@media (max-width:480px){.step7-content .summary-section{padding:15px}.step7-content .summary-section h3{font-size:16px}.step7-content .summary-item{padding:8px 10px}.step7-content .summary-label,.step7-content .summary-value{font-size:13px}}@media (max-width:600px){.measurement-option{height:auto;gap:10px;justify-content:center;align-items:center}}@media (max-width:768px){.motorization-option:hover:after,.outil-option:hover:after{width:120px;height:120px;top:-140px}}@media (max-width:600px){.motorization-option:hover:after,.outil-option:hover:after{width:100px;height:100px;top:-120px}}@media (max-width:1200px){.summary-rows{flex-direction:column;gap:20px}.step7-header h1{font-size:36px}}@media (max-width:900px){.summary-rows{flex-direction:column;gap:20px}}@media (max-width:768px){.step7-content{padding:20px 15px 15px;gap:20px}.step7-header{margin-bottom:20px}.step7-header h1{font-size:28px}.step7-header p{font-size:16px}.summary-section{padding:20px}.summary-section h3{font-size:18px}.step7-actions{flex-direction:column;gap:15px}}@media (max-width:480px){.step7-header h1{font-size:24px}.summary-section{padding:15px}.summary-item{padding:10px 12px}.summary-label,.summary-value{font-size:13px}}@media (max-width:1200px){.main-container{gap:15px}#viewer,#viewer-container{width:600px;height:600px}.right-sidebar{width:380px}}@media (max-width:1100px){.main-container{align-items:center;padding:80px 20px 130px}.left-controls,.right-panel-section,.right-sidebar{width:100%;max-width:500px}.right-panel-section,.right-sidebar{order:-1}#viewer,#viewer-container{width:500px;height:500px}}@media (max-width:768px){.step3-content{flex-direction:column;padding:20px 15px;gap:30px;text-align:center}.step3-left{order:2;transform:translateY(30px);animation:slideInUp .8s ease .7s forwards}.step3-left,.step3-right{max-width:100%;width:100%}.step3-right{order:1;transform:translateY(-30px);animation:slideInDown .8s ease .5s forwards}.step3-preview{height:400px;max-width:100%;transform:scale(.95);animation:zoomInMobile .8s ease .5s forwards}.step3-header{text-align:center}.step3-header h1{font-size:28px}.step3-actions{gap:15px}.step4-header h1{font-size:36px}.cards-container{gap:20px}.card{width:180px;height:200px}.step5-header h1,.step6-header h1{font-size:36px}.options-row{flex-direction:column;align-items:center}.motorization-option{min-width:200px}.step7-header h1{font-size:36px}.step7-actions{flex-direction:column;gap:15px}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomInMobile{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1100px){#viewer,#viewer-container{width:400px;height:400px}.main-container2{display:block;justify-content:space-between;align-items:center;width:-webkit-fill-available;min-height:calc(100vh - 80px);padding:0 20px 130px;box-sizing:border-box}.main-container{padding:50px 15px 130px}.theme-toggle{bottom:15px;left:15px;width:50px;height:50px}.theme-icon{width:24px;height:24px}.measurement-option{flex-direction:column;height:60px;gap:10px;align-items:center}.measurement-input{align-self:stretch;min-width:auto}.flexy{gap:10px}.step-bars{width:90%;max-width:350px}.step4-header h1{font-size:28px}.cards-container{align-items:center}.card{width:170px;height:190px}.step5-header h1,.step6-header h1,.step7-header h1{font-size:28px}.measurement-panel{max-height:-moz-fit-content;max-height:fit-content;height:340px}}@media (max-width:400px){#viewer,#viewer-container{width:320px;height:320px}.color-panel,.measurement-panel,.pose-tabs{padding:15px}.step-bars{width:95%;max-width:300px}}@media (max-width:768px){#step1 .main-container{flex-direction:column;padding:80px 15px 15px;gap:20px;min-height:auto;align-items:center}#step1 .left-controls{order:2;width:100%;max-width:500px;padding:15px;box-shadow:0 4px 15px rgba(0,0,0,.4);flex-direction:row;justify-content:space-around;align-self:center;height:80px;box-sizing:border-box}#step1 .controls{flex-direction:row;gap:10px}#step1 .right-panel-section{width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px;order:-2}#step1 .viewer-section{flex:1;max-width:100%;margin:0;order:1}#step1 .pose-tabs{order:-1;padding:15px;display:flex;flex-direction:row;gap:10px;max-width:500px}#step1 .pose-tabs h3{display:none}#step1 .pose-tab{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#step1 .color-panel{order:3;padding:15px;max-height:auto;max-width:500px}#step1 .color-panel h3{display:none}#step1 .color-options{flex-direction:row;gap:5px;justify-content:space-between;align-items:center}#step1 .color-option{min-width:45px;height:45px;flex-direction:row;justify-content:center;align-items:center;padding:0;border-radius:50%;flex-shrink:0}#step1 .color-name{display:none}#step1 .color-circle{width:35px;height:35px;border-width:3px;margin:0;transform:scale(1)}#step1 .color-option.selected .color-circle{transform:scale(1.15);box-shadow:0 0 0 3px rgba(255,255,255,.7)}.apply-btn.step1-next.fixed-mobile-next{position:fixed;bottom:20px;right:20px;width:150px;padding:16px 20px;margin-top:0!important;z-index:1500;font-size:16px;display:flex;box-shadow:0 8px 25px rgba(0,102,204,.5)}#step1 .color-panel .apply-btn{display:none}.step-bars.active{bottom:85px}.apply-btn.step1-next.fixed-mobile-next{position:fixed;bottom:20px;right:20px;width:auto;padding:12px 35px;margin-top:0!important;z-index:1500;font-size:16px;display:flex;box-shadow:0 8px 25px rgba(0,102,204,.5)}}.logo-header{position:fixed;top:20px;left:20px;z-index:1000}.logo-container{padding:10px 15px}.logo-container:hover{cursor:pointer}.site-logo{width:350px;height:32px;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.logo-header{top:20px;left:10px}.site-logo{width:200px;height:24px}}@media (max-width:480px){.logo-header{top:20px;left:10px}.site-logo{width:200px;height:24px}}@media (min-width:768px) and (max-width:1100px){#step1 .main-container{flex-direction:column;padding:80px 15px 15px;gap:20px;min-height:auto;align-items:center;justify-content:flex-start}#step1 .left-controls{order:2;width:100%;max-width:700px;padding:15px;box-shadow:0 4px 15px rgba(0,0,0,.4);flex-direction:row;justify-content:space-around;align-self:center;height:80px;box-sizing:border-box;margin-top:20px}#step1 .controls{flex-direction:row;gap:20px;width:100%;justify-content:center}#step1 .right-panel-section{width:100%;max-width:700px;display:flex;flex-direction:column;gap:20px;order:-2;margin-bottom:20px}#step1 .viewer-section{flex:1;max-width:700px;margin:0;order:1;width:100%}#step1 .pose-tabs{order:-1;padding:15px;display:flex;flex-direction:row;gap:10px;max-width:700px;width:100%}#step1 .pose-tabs h3{display:none}#step1 .pose-tab{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;padding:10px 12px}#step1 .color-panel{order:3;padding:15px;max-height:auto;max-width:700px;width:100%}#step1 .color-panel h3{display:none}#step1 .color-options{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}#step1 .color-option{min-width:60px;height:60px;flex-direction:column;justify-content:center;align-items:center;padding:0;border-radius:50%;flex-shrink:0}#step1 .color-name{display:none}#step1 .color-circle{width:40px;height:40px;border-width:3px;margin:0}#step1 .color-option.selected .color-circle{transform:scale(1.15);box-shadow:0 0 0 3px rgba(255,255,255,.7)}.apply-btn.step1-next.fixed-mobile-next{position:fixed;bottom:20px;right:20px;width:150px;padding:16px 20px;margin-top:0!important;z-index:1500;font-size:16px;box-shadow:0 8px 25px rgba(0,102,204,.5)}#step1 .color-panel .apply-btn{display:none}.step-bars.active{bottom:85px}@media (max-width:1100px){#step2 .main-container2{display:block!important;padding:0 20px 130px!important;width:-webkit-fill-available;box-sizing:border-box}#step2 .right-sidebar{width:100%!important;max-width:500px!important;order:-1;margin:0 auto 20px}#step2 .viewer-section{max-width:100%!important;width:100%!important;margin:0 auto;padding:15px}#step2 #viewer-container{width:400px!important;height:400px!important;margin:0 auto}}#step2 .viewer-section{flex:1;max-width:700px;margin:0;order:1;width:100%}#step2 .measurement-panel{max-height:none;padding:15px;max-width:700px;width:100%}#step2 .measurement-panel h3{margin-bottom:15px;font-size:16px}#step2 .measurement-option{height:auto;min-height:50px;padding:10px 15px}#step2 .measurement-name{font-size:14px}#step2 .measurement-input{min-width:140px}#step2 .measurement-input input{width:70px;font-size:14px}#step2 .flexy{flex-direction:row;gap:15px;margin-top:20px;width:100%;justify-content:center}#step2 .back-btn,#step2 .next-btn{padding:12px 20px;font-size:14px;max-width:200px}#step1 #viewer,#step2 #viewer-container{width:100%;max-width:600px;height:600px}}@media (min-width:768px) and (max-width:900px){#step1 #viewer,#step2 #viewer-container{max-width:500px;height:500px}#step1 .color-panel,#step1 .left-controls,#step1 .pose-tabs,#step1 .right-panel-section,#step2 .right-sidebar{max-width:500px}}@media (min-width:900px) and (max-width:1100px){#step1 #viewer,#step2 #viewer-container{max-width:600px;height:600px}#step1 .color-panel,#step1 .left-controls,#step1 .pose-tabs,#step1 .right-panel-section,#step2 .right-sidebar{max-width:600px}}@media (min-width:1101px){#step1 .main-container,#step2 .main-container2{flex-direction:row;padding:30px 20px 20px;align-items:center;justify-content:space-between}#step1 .left-controls{order:1;width:60px;flex-direction:column;height:auto;margin-top:0}#step1 .controls{flex-direction:column;gap:20px}#step1 .right-panel-section{order:3;width:320px;max-width:320px}#step1 .viewer-section{order:2;max-width:700px}#step1 .pose-tabs{order:1;flex-direction:column}#step1 .pose-tabs h3{display:block}#step1 .color-panel{order:2;max-width:320px}#step1 .color-panel h3{display:block}#step1 .color-options{flex-direction:column}#step1 .color-name{display:block}#step1 .color-option{min-width:auto;height:auto;flex-direction:row;padding:12px 16px;border-radius:999px}.apply-btn.step1-next.fixed-mobile-next{display:none!important}#step1 .color-panel .apply-btn{display:block}#step2 .main-container2{flex-direction:row;padding:80px 20px 20px}#step2 .right-sidebar{order:3;width:480px;max-width:480px}#step2 .viewer-section{order:2;max-width:700px}}body::-webkit-scrollbar,html::-webkit-scrollbar{width:12px;height:12px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;border:2px solid rgba(255,255,255,.1)}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--secondary),var(--primary));border:2px solid rgba(255,255,255,.2)}.color-panel::-webkit-scrollbar,.measurement-panel::-webkit-scrollbar,.motorization-section::-webkit-scrollbar,.outil-section::-webkit-scrollbar,.pose-tabs::-webkit-scrollbar,.summary-items::-webkit-scrollbar,.tutorial-box::-webkit-scrollbar{width:8px;height:8px}.color-panel::-webkit-scrollbar-track,.measurement-panel::-webkit-scrollbar-track,.motorization-section::-webkit-scrollbar-track,.outil-section::-webkit-scrollbar-track,.pose-tabs::-webkit-scrollbar-track,.summary-items::-webkit-scrollbar-track,.tutorial-box::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.color-panel::-webkit-scrollbar-thumb,.measurement-panel::-webkit-scrollbar-thumb,.motorization-section::-webkit-scrollbar-thumb,.outil-section::-webkit-scrollbar-thumb,.pose-tabs::-webkit-scrollbar-thumb,.summary-items::-webkit-scrollbar-thumb,.tutorial-box::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px}.color-panel::-webkit-scrollbar-thumb:hover,.measurement-panel::-webkit-scrollbar-thumb:hover,.motorization-section::-webkit-scrollbar-thumb:hover,.outil-section::-webkit-scrollbar-thumb:hover,.pose-tabs::-webkit-scrollbar-thumb:hover,.summary-items::-webkit-scrollbar-thumb:hover,.tutorial-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--secondary),var(--primary))}.summary-items::-webkit-scrollbar{width:6px}.summary-items::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.summary-items::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.summary-items::-webkit-scrollbar-thumb:hover{background:var(--secondary)}@media (max-width:768px){.color-options{scrollbar-width:thin;scrollbar-color:var(--primary) rgba(255,255,255,.05)}.color-options::-webkit-scrollbar{height:6px}.color-options::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.color-options::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px}.color-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--secondary),var(--primary))}}@supports (scrollbar-width:thin){*{scrollbar-width:thin}*,body,html{scrollbar-color:var(--primary) rgba(255,255,255,.05)}body,html{scrollbar-width:auto}.color-panel,.measurement-panel,.motorization-section,.outil-section,.pose-tabs,.summary-items,.tutorial-box{scrollbar-width:thin;scrollbar-color:var(--primary) rgba(255,255,255,.05)}}body.light-mode .color-panel::-webkit-scrollbar-track,body.light-mode .measurement-panel::-webkit-scrollbar-track,body.light-mode .motorization-section::-webkit-scrollbar-track,body.light-mode .outil-section::-webkit-scrollbar-track,body.light-mode .pose-tabs::-webkit-scrollbar-track,body.light-mode .summary-items::-webkit-scrollbar-track,body.light-mode .tutorial-box::-webkit-scrollbar-track,body.light-mode::-webkit-scrollbar-track{background:rgba(255,152,0,.1)}body.light-mode .color-panel::-webkit-scrollbar-thumb,body.light-mode .measurement-panel::-webkit-scrollbar-thumb,body.light-mode .motorization-section::-webkit-scrollbar-thumb,body.light-mode .outil-section::-webkit-scrollbar-thumb,body.light-mode .pose-tabs::-webkit-scrollbar-thumb,body.light-mode .summary-items::-webkit-scrollbar-thumb,body.light-mode .tutorial-box::-webkit-scrollbar-thumb,body.light-mode::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary))}body.light-mode .color-panel::-webkit-scrollbar-thumb:hover,body.light-mode .measurement-panel::-webkit-scrollbar-thumb:hover,body.light-mode .motorization-section::-webkit-scrollbar-thumb:hover,body.light-mode .outil-section::-webkit-scrollbar-thumb:hover,body.light-mode .pose-tabs::-webkit-scrollbar-thumb:hover,body.light-mode .summary-items::-webkit-scrollbar-thumb:hover,body.light-mode .tutorial-box::-webkit-scrollbar-thumb:hover,body.light-mode::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--secondary),var(--primary))}@supports (scrollbar-width:thin){body.light-mode *{scrollbar-color:var(--primary) rgba(255,152,0,.1)}}html{scroll-behavior:smooth}#viewer,#viewer-container,.card-image,.card-image-container,.step3-preview,.step3-preview img{scrollbar-width:none;-ms-overflow-style:none}#viewer-container::-webkit-scrollbar,#viewer::-webkit-scrollbar,.card-image-container::-webkit-scrollbar,.card-image::-webkit-scrollbar,.step3-preview img::-webkit-scrollbar,.step3-preview::-webkit-scrollbar{display:none}@media (max-width:413px){#step1 .main-container{padding:70px 10px 15px;gap:5px}#step1 .color-panel{padding:10px 8px;max-width:100%;border-radius:12px}#step1 .color-options{gap:4px;padding:0 2px}#step1 .color-option{min-width:38px!important;height:38px!important;flex:0 0 auto}#step1 .color-circle{width:28px!important;height:28px!important;border-width:2px}#step1 .color-option.selected .color-circle{transform:scale(1.1);box-shadow:0 0 0 2px rgba(255,255,255,.7)}#step1 .pose-tabs{padding:10px 8px;border-radius:12px}#step1 .pose-tab{padding:8px 6px;font-size:12px}#step1 .left-controls{height:70px;padding:10px;border-radius:15px}#step1 .controls button{width:45px;height:45px}#step1 .controls button img{width:22px;height:22px}#step1 #viewer{max-width:290px;height:290px}#step1 .right-panel-section{max-width:360px}.apply-btn.step1-next.fixed-mobile-next{bottom:15px;right:15px;font-size:14px;min-width:120px}#step2 .main-container2{padding:0 10px 110px}#step2 .right-sidebar{max-width:360px}#step2 .measurement-panel{padding:12px 8px;border-radius:12px;max-height:auto}#step2 .measurement-option{padding:8px 10px;min-height:45px}#step2 .measurement-name{font-size:13px}#step2 .measurement-input{min-width:110px}#step2 .measurement-input input{width:60px;padding:6px 8px;font-size:13px}#step2 .measurement-unit{padding:6px 8px;font-size:11px}#step2 #viewer-container,.step3-preview{width:290px!important;height:290px!important}#step3 h1{font-size:18px}#step3 p{font-size:12px}.step3-back,.step3-next{height:12px}.step3-header{margin-bottom:0}.main-container{padding:0}.step4-back,.step4-next{height:12px}.step4-content{height:12px;padding:40px 7px}.step4-header h1{font-size:18px}.step4-header p{font-size:12px}.step5-back,.step5-next{height:12px}.step5-content{height:12px;padding:40px 7px}.step5-header h1{font-size:18px}.step5-header p{font-size:12px}.step6-content{padding:100px 20px}.step6-back,.step6-next{height:12px}.step6-header h1{font-size:18px}.step6-header p{font-size:12px}.step7-content{padding:100px 20px}.step7-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.step7-header h1{font-size:18px}.step7-header p{font-size:14px;width:200px}#step2 .flexy{gap:8px}#step2 .back-btn,#step2 .next-btn{padding:10px 15px;font-size:13px}.step-bars.active{bottom:75px;width:95%;max-width:340px}.step-bar{height:6px}.theme-toggle{bottom:15px;left:15px;width:45px;height:45px}.theme-icon{width:20px;height:20px}.logo-header{top:15px;left:10px}.site-logo{width:180px;height:22px}}@media (max-width:360px){#step1 .color-option{min-width:35px!important;height:35px!important}#step1 .color-circle{width:25px!important;height:25px!important}#step1 .pose-tab{font-size:11px;padding:6px 4px}#step1 #viewer{max-width:290px;height:290px}#step2 #viewer-container{width:320px!important;height:320px!important}}@media (max-width:375px) and (max-height:667px){#step1 .main-container{padding-top:60px}#step1 .color-panel{padding:8px 6px}#step1 .color-options{gap:3px}body{overflow-x:hidden}#step1 .right-panel-section,#step2 .right-sidebar{max-width:350px}}@media (max-width:390px){body,html{overflow-x:hidden!important;max-width:100vw!important}.color-panel,.main-container,.main-container2,.measurement-panel,.pose-tabs,.right-panel-section,.right-sidebar,.viewer-section{max-width:100vw!important;box-sizing:border-box}#step1 .color-options{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:5px}#step1 .color-options::-webkit-scrollbar{display:none;height:0}#step1 .color-panel{position:relative}#step1 .color-panel:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,var(--panel));pointer-events:none}body.light-mode #step1 .color-panel:after{background:linear-gradient(90deg,transparent,rgba(255,152,0,.1))}}@media (max-width:280px){#step1 .color-option{min-width:30px!important;height:30px!important}#step1 .color-circle{width:22px!important;height:22px!important}#step1 #viewer{max-width:260px;height:260px}#step2 #viewer-container{width:260px!important;height:260px!important}#step1 .pose-tab{font-size:10px}.apply-btn.step1-next.fixed-mobile-next{min-width:100px;font-size:12px}}@media (max-width:768px){#step2 .measurement-panel .flexy .step2-next{display:none!important}#step2>.step2-next.fixed-mobile-next{display:flex!important;position:fixed!important;bottom:20px!important;right:20px!important;width:auto!important;padding:12px 35px!important;z-index:1800!important}#step2 .main-container2{padding-bottom:150px!important}.step-bars.active{bottom:85px!important}}#step2>.step2-next.fixed-mobile-next{display:none}@media (max-width:768px){#step2>.step2-next.fixed-mobile-next{display:flex!important}}