:root{--color-bg-primary: #d0d0d0;--color-bg-secondary: #a4a4a4;--color-panel-bg: rgba(218, 218, 218, .9);--color-text-primary: #000000;--color-text-secondary: #3c4348;--color-text-muted: #666666;--color-border: #cccccc;--color-shadow: rgba(0, 0, 0, .15);--color-button-bg: #f0f0f0;--color-button-hover: #e0e0e0;--color-button-active: #3c4348;--color-button-text: #000000;--color-button-active-text: #ffffff;--color-slider-bg: #b7b7b7;--color-slider-thumb: #3c4348;--color-pdf-button: #F40F02;--color-pdf-button-hover: #D10D01;--color-toggle-on: #00c853;--color-toggle-off: #787878e7;--color-toggle-text-off: #e4e4e4}html[data-theme=dark]{--color-bg-primary: #232529;--color-bg-secondary: #1a1c20;--color-panel-bg: rgba(44, 47, 54, .9);--color-text-primary: #e0e0e0;--color-text-secondary: #ffffff;--color-text-muted: #bbbbbb;--color-border: #444444;--color-shadow: rgba(0, 0, 0, .3);--color-button-bg: #363a43;--color-button-hover: #424752;--color-button-active: #5a6377;--color-button-text: #e0e0e0;--color-button-active-text: #ffffff;--color-slider-bg: #444444;--color-slider-thumb: #5a6377;--color-toggle-on: #00c853;--color-toggle-off: #363a43;--color-toggle-text-off: #777777}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(to bottom,var(--color-bg-primary),var(--color-bg-secondary));height:100vh;overflow:hidden;color:var(--color-text-primary)}.theme-button span{color:unset}#loadingScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#333333e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:9999;transition:opacity .5s ease}.seo-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;z-index:-1}.controls{display:none}.bottom-panel{position:fixed;bottom:0;left:0;width:100%;background:var(--color-panel-bg);display:flex;flex-direction:column;align-items:center;padding-top:18px;padding-bottom:18px;box-shadow:0 -2px 10px var(--color-shadow)}.main-menu{display:flex;justify-content:center;gap:20px;width:100%;margin-bottom:10px}.main-menu-button{padding:8px 15px;background:var(--color-button-bg);border:none;border-radius:5px;cursor:pointer;font-weight:400;transition:background .2s,transform .1s;font-size:13px;color:var(--color-button-text)}.main-menu-button:hover{background:var(--color-button-hover)}.main-menu-button.active{background:var(--color-button-active);color:var(--color-button-active-text)}.submenu{width:90%;max-width:800px;display:none;flex-direction:column;align-items:center;padding:0;margin-bottom:5px}.submenu.active{display:flex}.submenu h3{margin:0 0 20px;text-align:center;font-size:18px;color:var(--color-text-secondary)}.submenu-content{width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:visible}.handle-options{display:flex;justify-content:center;gap:30px;flex-direction:row;width:100%;padding:2px 0;margin:2px 0}.handle-button{display:flex;flex-direction:column;align-items:center;padding:12px;border:2px solid transparent;border-radius:5px;background:var(--color-button-bg);cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.handle-button img{width:40px;height:auto;margin-bottom:5px;pointer-events:none}.handle-button span{pointer-events:none}.handle-button.active{border-color:var(--color-button-active);background:var(--color-button-active);color:var(--color-button-active-text)}.handle-button:hover{transform:scale(1.05);box-shadow:0 2px 6px var(--color-shadow)}.handle-preview{display:none;position:fixed!important;right:20px!important;top:30%!important;transform:translateY(-50%)!important;width:250px;background:var(--color-panel-bg);padding:20px;border-radius:8px;box-shadow:0 3px 10px var(--color-shadow);z-index:1000;color:var(--color-text-primary)}.handle-preview img{width:30%;height:auto;margin-bottom:15px;display:block;margin-left:auto;margin-right:auto}.glass-options{display:flex;justify-content:center;gap:20px;flex-direction:row;width:100%;padding:2px 0;margin:2px 0}.glass-button{width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--color-border);border-radius:5px;cursor:pointer;transition:transform .2s;color:var(--color-text-primary);position:relative}.glass-button.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.7)}.glass-button[data-glass=clear].selected:after,.glass-button[data-glass=satina].selected:after,.glass-button[style*="rgba(255"].selected:after{color:#000;text-shadow:0 0 3px rgba(255,255,255,.7)}.glass-button:hover{transform:scale(1.05)}.colour-categories{display:flex;justify-content:center;gap:10px;margin-bottom:8px;width:100%}.colour-category-button{padding:8px 15px;background:var(--color-button-bg);border:none;border-radius:5px;cursor:pointer;transition:background .2s;color:var(--color-button-text)}.colour-category-button.active{background:var(--color-button-active);color:var(--color-button-active-text)}.color-row{display:flex;justify-content:center;gap:15px;flex-direction:row;flex-wrap:nowrap;padding:7px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;scroll-behavior:smooth;touch-action:pan-x;-webkit-user-select:none;user-select:none}.colour-section{width:100%;display:flex;justify-content:flex-start;overflow-x:hidden;padding:2px 0;overscroll-behavior-x:none}#colorSectionsContainer{touch-action:pan-x;width:100%}.color-button{width:38px;height:38px;border:2px solid var(--color-border);border-radius:5px;cursor:pointer;transition:transform .2s;flex-shrink:0;position:relative}.color-button.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.7)}.color-button[style*="background: #f0eddd"].selected:after{color:#000;text-shadow:0 0 3px rgba(255,255,255,.7)}.color-button:hover{transform:scale(1.1)}.color-button.wood-texture{background-image:url(/01/textures/wood/rosewood_veneer1_diff_1k.jpg)!important;background-size:cover!important;background-position:center!important}.blade-slider-container{width:80%;max-width:500px;margin:10px 0 5px;display:flex;align-items:center}#bladeRotation{width:100%;height:4px;background:var(--color-slider-bg);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}#bladeRotation::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#00b7c3;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}#bladeRotation::-moz-range-thumb{width:20px;height:20px;background:#00b7c3;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}#mobile-selection-toggle{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:10px 20px;background:var(--color-button-active);color:var(--color-button-active-text);border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background .2s;z-index:99;box-shadow:0 2px 5px var(--color-shadow)}#mobile-selection-toggle:hover{background:var(--color-button-hover)}#selectionSummary.mobile-active{display:flex!important;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;width:90%;max-height:80vh;overflow-y:auto;z-index:1000}.theme-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:40px;border:2px solid var(--color-border);border-radius:5px;background:var(--color-button-bg);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:12px;font-weight:700}#themes-menu .submenu-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.theme-item{display:flex;flex-direction:column;align-items:center;gap:2px}.theme-item span{font-size:12px;color:var(--color-text-primary);line-height:1}.theme-button span{margin-top:8px;font-size:12px;color:var(--color-text-primary)}.theme-button:hover{transform:scale(1.1);box-shadow:0 2px 8px var(--color-shadow)}.theme-button.selected{border-color:var(--color-button-active);background:var(--color-button-active);color:var(--color-button-active-text)}html[data-theme=dark] .theme-button span{color:var(--color-text-primary)}html[data-theme=light] .theme-button span{color:var(--color-button-text)}#selectionSummary{position:fixed;left:20px;top:30%;transform:translateY(-50%);width:220px;background:var(--color-panel-bg);padding:15px;border-radius:8px;box-shadow:0 3px 10px var(--color-shadow);display:flex;flex-direction:column;align-items:center;z-index:100;color:var(--color-text-primary)}#selectionSummary h3{margin:0 0 15px;text-align:center;font-size:18px;color:var(--color-text-secondary)}.selection-details{display:flex;flex-direction:column;width:100%;margin-bottom:20px}#selectionSummary p{margin:5px 0;font-size:13px;display:flex;justify-content:space-between;width:100%;color:var(--color-text-primary)}#selectionSummary p span:first-child{font-weight:700;color:var(--color-text-secondary)}.button-container{display:flex;flex-direction:column;gap:10px;width:100%}#download-pdf{padding:10px 20px;background:var(--color-pdf-button);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background .2s;width:100%}#download-pdf:hover{background:var(--color-pdf-button-hover)}.selection-close-btn{position:absolute;top:10px;right:10px;width:24px;height:24px;background:var(--color-button-active);border:none;border-radius:6px;cursor:pointer;display:none;font-size:0;padding:0;transition:background-color .2s;box-shadow:0 1px 3px var(--color-shadow)}.selection-close-btn:before,.selection-close-btn:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background-color:#fff}.selection-close-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.selection-close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.selection-close-btn:hover{background:#252a2e}@media (max-width: 768px){#mobile-selection-toggle{display:block}.main-menu-button[data-target=frame-type-menu],#selectionSummary,#download-pdf{display:none}.selection-close-btn{display:block}.main-menu{flex-wrap:wrap;gap:8px}.main-menu-button{font-size:13px;color:var(--color-button-text)}.main-menu-button.active{background:var(--color-button-active);color:var(--color-button-active-text)}.bottom-panel{padding-top:10px;padding-bottom:8px}.submenu{width:95%;margin-bottom:3px}.submenu-content{padding:3px 0}.handle-button img{width:32px}.handle-button span{font-size:12px;color:var(--color-text-primary)}.glass-button{width:40px;height:40px;font-size:12px;color:var(--color-text-primary)}.color-button{width:30px;height:30px}.color-button.selected:after,.glass-button.selected:after{font-size:16px}#selectionSummary{width:180px;padding:10px;left:10px}#selectionSummary h3{font-size:16px;margin-bottom:10px}.selection-details p{font-size:11px}.button-container button{padding:8px 15px;font-size:13px}.handle-preview{display:none!important}}@media (max-width: 480px){.main-menu-button{font-size:12px}.bottom-panel{padding-top:10px;padding-bottom:8px}.handle-button img{width:25px}.glass-button{width:32px;height:32px}.color-button{width:25px;height:25px}.color-button.selected:after,.glass-button.selected:after{font-size:14px}.blade-slider-container{width:90%;margin:5px 0}#selectionSummary{width:150px;padding:8px;max-height:40vh;overflow-y:auto;font-size:10px}.selection-details p{margin:3px 0}.button-container{gap:5px}.button-container button{padding:8px 12px;font-size:12px}}#airflow-toggle-container{display:flex;flex-direction:column;align-items:center;position:fixed;right:20px;bottom:80px;z-index:200}.airflow-label{font-size:11px;letter-spacing:1px;color:var(--color-text-secondary);font-weight:700;text-transform:uppercase;margin-bottom:4px}.toggle-button{position:relative;width:70px;height:34px;border-radius:34px;background-color:var(--color-toggle-off);border:none;padding:0;cursor:pointer;box-shadow:0 2px 4px var(--color-shadow);overflow:hidden}.toggle-slider{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-toggle-on);border-radius:34px;display:flex;align-items:center;transition:background-color .3s ease}.toggle-text{position:absolute;left:12px;color:#fff;font-weight:700;font-size:14px}.toggle-button.off .toggle-slider{background-color:var(--color-toggle-off)}.toggle-button.off .toggle-text{right:12px;left:auto;color:var(--color-toggle-text-off)}#airflow-toggle.toggle-button{width:75px}#airflow-toggle.toggle-button:after{content:"";position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px var(--color-shadow)}#airflow-toggle.toggle-button.off:after{transform:translate(-41px)}@media (max-width: 768px){#airflow-toggle.toggle-button{width:70px}#airflow-toggle.toggle-button.off:after{transform:translate(-40px)}#airflow-toggle.off .toggle-text{right:14px}}@media (max-width: 420px){#airflow-toggle.toggle-button{width:65px}#airflow-toggle.toggle-button.off:after{transform:translate(-35px)}}#theme-toggle-container{display:flex;flex-direction:column;align-items:center;position:fixed;left:20px;bottom:80px;z-index:200}.theme-label{font-size:11px;letter-spacing:1px;color:var(--color-text-secondary);font-weight:700;text-transform:uppercase;margin-bottom:4px}#theme-toggle.toggle-button{background-color:var(--color-toggle-off);width:90px}#theme-toggle .toggle-slider{background-color:#5f7cff}#theme-toggle.off .toggle-slider{background-color:var(--color-toggle-off)}#theme-toggle .toggle-text{left:12px;color:#fff}#theme-toggle.off .toggle-text{right:12px;left:auto;color:var(--color-toggle-text-off)}#theme-toggle.toggle-button:after{content:"";position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px var(--color-shadow)}#theme-toggle.toggle-button.off:after{transform:translate(-60px)}@media (max-width: 768px){#airflow-toggle-container{position:fixed;top:15px;right:15px;bottom:auto;z-index:1005;flex-direction:column}#airflow-toggle.toggle-button{height:30px;order:1}#airflow-toggle .toggle-text{font-size:12px}#airflow-toggle.toggle-button:after{width:22px;height:22px;top:4px}.airflow-label{font-size:8px;order:2;margin-top:4px;margin-bottom:0}#theme-toggle-container{position:fixed;top:15px;left:15px;bottom:auto;z-index:1005;flex-direction:column}#theme-toggle.toggle-button{width:80px;height:30px;order:1}#theme-toggle .toggle-text{font-size:12px}#theme-toggle.toggle-button:after{width:22px;height:22px}#theme-toggle.toggle-button.off:after{transform:translate(-50px)}.theme-label{font-size:8px;order:2;margin-top:4px;margin-bottom:0}#airflow-toggle-container,#theme-toggle-container{display:flex}#mobile-selection-toggle{position:fixed;top:15px;left:50%;transform:translate(-50%);bottom:auto;z-index:1005;padding:8px 15px;font-size:12px;height:30px;display:flex;align-items:center;justify-content:center}}canvas.webgl{display:block;position:absolute;top:0;left:0}.handle-type-selector{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.color-button,.glass-button{width:38px;height:38px;border:none;cursor:pointer;transition:transform .2s ease-in-out;box-shadow:0 2px 5px #00000026;color:#000}.color-button:hover,.glass-button:hover{transform:scale(1.1)}.handle-preview{display:none;position:fixed;right:100px;top:20px;width:300px;background:var(--color-panel-bg);padding:20px;border-radius:8px;z-index:1000;box-shadow:0 2px 8px var(--color-shadow);color:var(--color-text-primary)}.handle-preview img{width:30%;height:auto;margin-bottom:15px}.handle-preview .preview-text{color:var(--color-text-primary);font-size:14px;line-height:1.4}@media (max-width: 768px){.handle-preview{width:250px;padding:15px;right:50%;transform:translate(50%)}.handle-preview .preview-text{font-size:13px}}@media (max-width: 480px){.handle-preview{width:200px;padding:10px;max-height:50vh;overflow-y:auto}.handle-preview img{width:25%}.handle-preview .preview-text{font-size:11px}}.home-link{position:fixed;font-size:small;letter-spacing:1px;top:20px;right:20px;background-color:#550909;color:#b89e9e;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:400;z-index:9999}.home-link:hover{background-color:#414141;color:#e3e3e3}@media (max-width: 768px){.home-link{display:none}}