.lamp-viewer-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.lamp-viewer-heading{text-align:center;margin-bottom:2rem}.lamp-content-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;align-items:flex-start}.lamp-viewer-column,.lamp-controls-column{flex:1;min-width:300px}.lamp-model-viewer{width:100%;max-width:100%;aspect-ratio:1/1;height:auto;border-radius:8px;background-color:#f7f7f7;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.model-container{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}model-viewer{width:100%;height:100%;--poster-color: transparent;position:absolute;top:0;left:0;right:0;bottom:0;filter:saturate(3);--progress-bar-color: transparent;--progress-bar-height: 0px;--progress-mask: transparent;transition:all .5s ease}.lamp-controls{display:flex;flex-direction:column;gap:1rem;width:100%}.control-group{display:flex;flex-direction:column;width:100%;padding:1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000000d}.toggle-controls{display:flex;width:100%;background-color:#f9f9f9;border-radius:8px;padding:.5rem;box-shadow:0 1px 3px #0000000d}.toggle-btn{flex:1;padding:.75rem 1rem;border-radius:6px;border:1px solid #e0e0e0;background-color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;text-align:center;font-size:.95rem;box-shadow:0 1px 2px #0000000d}.toggle-btn:first-child{margin-right:.5rem}.toggle-btn:hover{border-color:#bbb;background-color:#fafafa}.toggle-btn--active{background-color:#f0f0f0;border-color:#999;box-shadow:inset 0 1px 2px #0000001a}.style-selector-container{display:flex;flex-direction:column;width:100%;margin-bottom:1.5rem}.style-selector-title{font-weight:700;margin-bottom:.5rem;width:100%}.style-button-group,.color-button-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.style-button{padding:10px 15px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.style-button:hover{border-color:#999;background-color:#f5f5f5}.style-button--active{background-color:#f0f0f0;border-color:#666;box-shadow:inset 0 1px 2px #0000001a;font-weight:600}.color-button{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;cursor:pointer;transition:all .2s ease}.color-button:hover{transform:scale(1.1);box-shadow:0 2px 5px #0003}.color-button--active{border:2px solid #333;box-shadow:0 0 0 2px #0000001a}.control-group-label{width:100%;text-align:left;margin-bottom:1rem;font-weight:600;font-size:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem;color:#333}.lamp-info{max-width:600px;margin:0 auto;text-align:center}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f7f7f7cc;z-index:10}.loading-container.hidden{display:none}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */