.configurator-container{height:calc(100vh - 73px);display:flex;overflow:hidden}.viewer-section{background-color:#fafaf9;flex-direction:column;flex:1;display:flex;position:relative}.viewer-wrapper{flex:1;width:100%;position:relative}html.configurator-sticky,html.configurator-sticky body{overflow-x:clip}.action-bar{background:#fafaf9;border-top:1px solid #e8e6e3;flex-shrink:0;padding:12px 16px}.loading-overlay{z-index:10;background-color:#fffffff2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loading-overlay.hidden{display:none}.spinner{border:4px solid #d7c9b9;border-top-color:#b49272;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:#6b6360;margin-top:24px;font-weight:500}.config-panel{background-color:#fff;border-left:1px solid #e0d7cc;flex-direction:column;width:560px;display:flex;overflow-y:auto}.panel-header{border-bottom:1px solid #e0d7cc;padding:48px 24px}.panel-header h1{letter-spacing:-.5px;color:#2f2a26;margin-bottom:8px;font-size:28px;font-weight:700}.panel-header .subtitle{color:#6b6360;font-size:14px}.panel-content{padding:24px}.control-group{margin-bottom:48px}.control-label{color:#2f2a26;margin-bottom:16px;font-size:14px;font-weight:600;display:block}.button-group{flex-wrap:wrap;gap:8px;display:flex}.toggle-btn{color:#2f2a26;cursor:pointer;background-color:#f6f1eb;border:2px solid #e0d7cc;border-radius:8px;flex:1;min-width:60px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s}.toggle-btn:hover{border-color:#b49272}.toggle-btn.active{color:#fff;background-color:#b49272;border-color:#b49272}.slider{appearance:none;background:#e0d7cc;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#b49272;border-radius:50%;width:20px;height:20px;transition:all .3s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{cursor:pointer;background:#b49272;border:none;border-radius:50%;width:20px;height:20px}.slider-labels{color:#6b6360;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.select-input{color:#2f2a26;cursor:pointer;background-color:#f6f1eb;border:2px solid #e0d7cc;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:border-color .3s}.select-input:focus{border-color:#b49272;outline:none}.color-picker-wrapper{align-items:center;gap:16px;display:flex}.color-input{cursor:pointer;border:2px solid #e0d7cc;border-radius:8px;width:60px;height:40px}.color-label{color:#2f2a26;font-size:14px;font-weight:500}.divider{background-color:#e0d7cc;height:1px;margin:48px 0}.price-section{text-align:center;background-color:#f6f1eb;border-radius:12px;margin-bottom:48px;padding:24px}.price-label{color:#6b6360;margin-bottom:8px;font-size:14px}.price-value{color:#2f2a26;font-size:48px;font-weight:700;line-height:1}.actions{flex-direction:column;gap:16px;display:flex}.btn{text-align:center;cursor:pointer;border:none;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background-color:#b49272}.btn-primary:hover{background-color:#a07a5a;transform:translateY(-2px);box-shadow:0 8px 20px #b492724d}.btn-secondary{color:#2f2a26;background-color:#0000;border:2px solid #e0d7cc}.btn-secondary:hover{border-color:#2f2a26}.navbar{z-index:1000;background-color:#fff;border-bottom:1px solid #e0d7cc;padding:16px 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}.logo a{color:#2f2a26;letter-spacing:-.5px;font-size:24px;font-weight:700;text-decoration:none}.nav-links{gap:48px;list-style:none;display:flex}.nav-links a{color:#6b6360;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:#b49272}@media (max-width:1024px){.configurator-container{flex-direction:column}.viewer-section{height:50vh}.config-panel{width:100%;height:50vh}}@media (max-width:768px){.panel-header h1{font-size:24px}.price-value{font-size:40px}.viewer-section{height:40vh}.config-panel{height:60vh}}