.lux-configurator{background:#fff;width:100vw;height:100vh;font-family:inherit;display:flex;overflow:hidden}.lux-viewer{background:radial-gradient(circle,#fff 0%,#f4f4f5 100%);flex:1;position:relative}.lux-panel{background:#0a0a0a;border-left:1px solid #ffffff1a;flex-direction:column;width:380px;height:100vh;display:flex}.lux-panel-inner{flex:1;padding:32px 24px 24px;overflow-y:auto}.lux-panel-inner::-webkit-scrollbar{width:4px}.lux-panel-inner::-webkit-scrollbar-track{background:0 0}.lux-panel-inner::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.lux-panel-title{color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:700}.lux-panel-subtitle{color:#fff6;margin:0 0 32px;font-size:14px}.lux-section{flex-direction:column;gap:12px;display:flex}.lux-section+.lux-section{border-top:1px solid #ffffff0f;margin-top:28px;padding-top:24px}.lux-section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.lux-section-header h2{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:16px;font-weight:600}.lux-color-label{color:#ffffffb3;margin:4px 0 8px;font-size:14px;font-weight:500}.lux-color-presets{justify-content:center;gap:16px;display:flex}.lux-color-preset-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:4px;display:flex}.lux-color-swatch{border:4px solid #0000;border-radius:50%;width:48px;height:48px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #0003}.lux-color-swatch.black-swatch{border:1px solid #ffffff1a}.lux-color-preset-btn:hover .lux-color-swatch{transform:scale(1.05)}.lux-color-preset-btn.active .lux-color-swatch{outline-offset:3px;outline:3px solid #fff}.lux-color-preset-btn span{color:#ffffffb3;font-size:12px;font-weight:500}.lux-color-preset-btn.active span{color:#fff;font-weight:600}.lux-color-custom-trigger{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:4px;display:flex}.lux-color-custom-swatch{background:conic-gradient(from 90deg,red 0%,#f0f 16.6%,#00f 33.3%,#0ff 50%,#0f0 66.6%,#ff0 83.3%,red 100%);border:none;border-radius:50%;width:48px;height:48px;transition:transform .2s;box-shadow:0 4px 10px #0003}.lux-color-custom-trigger:hover .lux-color-custom-swatch{transform:scale(1.05)}.lux-color-custom-trigger.active .lux-color-custom-swatch{outline-offset:3px;outline:3px solid #fff}.lux-color-custom-trigger span{color:#ffffffb3;font-size:12px;font-weight:500}.lux-color-custom-trigger.active span{color:#fff;font-weight:600}.lux-color-grid{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;padding:16px;display:grid}.lux-color-grid-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex}.lux-color-grid-swatch{border:2px solid #0000;border-radius:50%;width:40px;height:40px;transition:transform .2s;box-shadow:0 2px 6px #0003}.lux-color-grid-btn:hover .lux-color-grid-swatch{transform:scale(1.1)}.lux-color-grid-btn.active .lux-color-grid-swatch{outline-offset:2px;outline:2px solid #fff}.lux-color-grid-btn span{color:#ffffff80;text-align:center;font-size:10px;font-weight:500;line-height:1.2}.lux-color-grid-btn.active span{color:#fff;font-weight:600}.lux-awning-controls{background:#ffffff0d;border-radius:8px;gap:4px;padding:4px;display:flex}.lux-awning-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:all .2s}.lux-awning-btn:hover{color:#fffc}.lux-awning-btn.active{color:#000;background:#fff;font-weight:600;box-shadow:0 2px 8px #0003}.lux-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;width:100%;height:4px}.lux-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #00000080}.lux-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #00000080}.lux-accessories-list{flex-direction:column;gap:10px;display:flex}.lux-accessory-card{cursor:pointer;text-align:left;color:#fff;background:#ffffff05;border:1.5px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:14px;width:100%;padding:16px;font-family:inherit;transition:all .25s;display:flex}.lux-accessory-card:hover{background:#ffffff0a;border-color:#ffffff26}.lux-accessory-card.active{background:#ffffff0f;border-color:#ffffffb3}.lux-accessory-icon{background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.lux-accessory-card.active .lux-accessory-icon{background:#ffffff1a}.lux-accessory-info{flex:1;min-width:0}.lux-accessory-name{color:#ffffffe6;margin-bottom:4px;font-size:15px;font-weight:600}.lux-accessory-desc{color:#ffffff59;font-size:12px;line-height:1.5}.lux-accessory-card.active .lux-accessory-desc{color:#ffffff80}.lux-price-footer{background:#111;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.lux-quote-btn{color:#111;cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:#fff;border:none;border-radius:10px;flex-shrink:0;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .15s}.lux-quote-btn:hover:not(:disabled){background:#e5e5e5}.lux-quote-btn:active:not(:disabled){transform:scale(.98)}.lux-quote-btn:disabled{opacity:.5;cursor:not-allowed}.lux-price-info{flex-direction:column;gap:2px;display:flex}.lux-price-amount{color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.lux-price-tax{color:#ffffff59;font-size:12px;font-weight:400}.lux-price-next-btn{color:#000;cursor:pointer;letter-spacing:.2px;background:#fff;border:none;border-radius:10px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.lux-price-next-btn:hover{background:#e5e5e5;transform:scale(1.02)}.lux-price-next-btn:active{transform:scale(.98)}.lux-sun-floating-panel{z-index:10;-webkit-backdrop-filter:blur(20px);color:#fff;background:#121212b3;border:1px solid #ffffff1a;border-radius:12px;width:260px;padding:10px 16px;position:absolute;top:24px;left:24px;box-shadow:0 8px 24px #00000040}.lux-scene-controls{z-index:10;pointer-events:auto;gap:12px;display:flex;position:absolute;bottom:24px;right:24px}.lux-scene-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#171717;cursor:pointer;background:#fffc;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000026}.lux-scene-btn:hover{background:#fff;transform:scale(1.05)}.lux-qr-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.3s lux-fade-in;display:flex;position:fixed;inset:0}.lux-qr-modal{background:#fff;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) lux-slide-up;display:flex;box-shadow:0 25px 50px -12px #00000040}.lux-qr-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.lux-qr-header h3{color:#171717;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700}.lux-qr-close-btn{color:#71717a;cursor:pointer;background:#f4f4f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.lux-qr-close-btn:hover{color:#18181b;background:#e4e4e7}.lux-qr-desc{color:#71717a;text-align:center;margin-bottom:24px;font-size:15px;line-height:1.5}.lux-qr-code-container{background:#fff;border:1px solid #f4f4f5;border-radius:24px;margin-bottom:24px;padding:16px;box-shadow:inset 0 2px 4px #0000000d}.lux-qr-action-btn{color:#171717;cursor:pointer;background:#f4f4f5;border:none;border-radius:16px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.lux-qr-action-btn:hover{background:#e4e4e7}@keyframes lux-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lux-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-glow{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animate-progress-glow{position:relative;overflow:hidden}.animate-progress-glow:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:1.5s linear infinite progress-glow;position:absolute;top:0;left:0}@media (max-width:900px){.lux-configurator{flex-direction:column}.lux-viewer{flex:none;height:50vh}.lux-panel{width:100%;height:50vh}.lux-sun-floating-panel{border-radius:16px;width:140px;padding:10px 12px;top:12px;left:12px}.lux-sun-floating-panel .lux-section-header{margin-bottom:6px}.lux-sun-floating-panel .lux-color-label{white-space:nowrap;margin:0;font-size:10px}.lux-sun-floating-panel .lux-slider-value{font-size:10px}.lux-slider::-webkit-slider-thumb{width:12px;height:12px}.lux-scene-controls{gap:8px;bottom:16px;right:16px}.lux-scene-btn{width:38px;height:38px}.lux-scene-btn svg{width:18px;height:18px}.lux-scene-btn img{width:18px!important;height:18px!important}}