html,body,#root{padding:0;height:100%;width:100%}:root{--configurator-ui-scale: 1.1;--configurator-ui-mobile-scale: 1;--configurator-ui-desktop-width: 77%}body{margin:0;background:#000;font-family:Inter,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.App{position:relative;width:100vw;height:100vh;overflow:hidden}.Container{position:absolute;inset:0;width:100%;height:100%;z-index:0}.UI{--thumb-size: clamp(2rem, 3vw, 2.5rem);--thumb-gap: clamp(.25rem, .5vw, .5625rem);--thumb-padding: clamp(.125rem, .28vw, .3125rem);--arrow-size: clamp(1.375rem, 2.2vw, 2rem);--edge-fade: clamp(.5rem, .8vw, .875rem);--panel-surface: rgba(15, 15, 20, .75);--panel-connected-surface: rgb(54, 54, 57);--panel-border: rgba(255, 255, 255, .08);position:absolute;z-index:10;pointer-events:auto;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:0 12px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.UI-shell{--auto-rotation-size: clamp(1.75rem, 2.4vw, 2.125rem);--ui-active-scale: var(--configurator-ui-mobile-scale);display:flex;flex-direction:column;width:calc(100% / var(--ui-active-scale));align-self:center;transform:scale(var(--ui-active-scale));transform-origin:bottom center}.UI-Controls{position:relative;z-index:2;display:flex;flex-direction:column;background:var(--panel-connected-surface);border:1px solid var(--panel-border);border-top-color:transparent;border-radius:16px;padding:10px clamp(.375rem,.8vw,.625rem)}.UI-tabs{position:relative;z-index:auto;display:flex;align-items:flex-end;align-self:flex-start;gap:4px;margin-left:clamp(.75rem,1.2vw,1.25rem);margin-bottom:0}.UI-toolbar{position:relative;z-index:auto;display:flex;align-items:flex-end;justify-content:space-between}.UI-tab{position:relative;z-index:1;font-family:inherit;font-size:clamp(.625rem,.8vw,.75rem);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;background:#0f0f14d6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);border-radius:12px 12px 0 0;padding:8px clamp(.75rem,1.4vw,1.25rem) 7px;cursor:pointer;white-space:nowrap;transition:color .15s ease,background .15s ease,border-color .15s ease,padding-top .15s ease}.UI-tab:not([aria-selected=true]){padding-top:6px}.UI-tab:hover{color:#ffffffd9;background:#0f0f14e6;border-color:#ffffff24}.UI-tab[aria-selected=true]{z-index:3;color:#fff;background:var(--panel-connected-surface);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--panel-border);border-bottom-color:transparent}.UI-tab[aria-selected=true]:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-3px;height:4px;background:var(--panel-connected-surface);pointer-events:none}.UI-Controls,.UI-tab[aria-selected=true],.UI-tab[aria-selected=true]:after{background-color:var(--panel-connected-surface);background-image:none}.UI-tab:focus-visible{outline:2px solid rgba(100,140,255,.85);outline-offset:2px}.UI-panel{display:flex;flex-direction:column}.auto-rotation-control{position:absolute;z-index:3;right:8px;bottom:6px}.auto-rotation-label{font-size:clamp(.625rem,.8vw,.75rem);font-weight:500;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}.auto-rotation-toggle{position:relative;z-index:1;height:var(--auto-rotation-size);display:flex;align-items:center;gap:2px;padding:0 0 0 10px;color:#ffffffd1;background:var(--panel-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);border-radius:999px;overflow:visible;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.auto-rotation-toggle:hover:not(:disabled){color:#fff;background:#0f0f14e6;border-color:#fff3}.auto-rotation-toggle--active{color:#fff;background:var(--panel-surface);border-color:#648cff73}.auto-rotation-toggle--waiting,.auto-rotation-toggle--waiting:hover:not(:disabled){border-color:transparent;transition:none}.auto-rotation-toggle:focus-visible{outline:2px solid rgba(100,140,255,.85);outline-offset:2px}.auto-rotation-toggle:disabled{opacity:.35;cursor:default}.auto-rotation-icon{width:52%;height:52%;fill:currentColor}.auto-rotation-icon-wrap{position:relative;flex:0 0 var(--auto-rotation-size);width:var(--auto-rotation-size);height:var(--auto-rotation-size);display:grid;place-items:center}.auto-rotation-progress{position:absolute;z-index:2;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;fill:none;stroke:#9bb4fff2;stroke-width:2.25;stroke-linecap:round;pointer-events:none}.dev-tools-section{background:#0f0f14bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px}@media(min-width:769px){.UI{left:50%;right:auto;transform:translate(-50%);width:var(--configurator-ui-desktop-width);min-width:320px}.UI-shell{--ui-active-scale: var(--configurator-ui-scale)}}@media(max-width:768px){.dev-tools-section{display:none}}.slider{display:flex;flex-direction:column}.slider-row{display:flex;align-items:center}.slider-arrow{flex:0 0 var(--arrow-size);height:calc(var(--thumb-size) + .75rem);display:flex;align-items:center;justify-content:center;font-size:calc(var(--thumb-size) * .95);font-weight:600;color:#ffffff80;background:transparent;border:none;cursor:pointer;padding:0;transition:color .15s ease;-webkit-user-select:none;user-select:none}.slider-arrow:hover{color:#ffffffe6}.slider-arrow:disabled{color:#ffffff2e;cursor:default}.slider-arrow:focus-visible{outline:2px solid rgba(100,140,255,.85);outline-offset:2px;border-radius:6px}.slider-track{flex:1;display:flex;gap:var(--thumb-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:clamp(.375rem,.6vw,.5rem) 0;cursor:grab;-webkit-user-select:none;user-select:none;mask-image:linear-gradient(to right,transparent 0,black var(--edge-fade),black calc(100% - var(--edge-fade)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--edge-fade),black calc(100% - var(--edge-fade)),transparent 100%)}.slider--finite .slider-track{justify-content:center}.slider--environment .slider-track{gap:calc(var(--thumb-gap) * 1.35)}.slider-track.dragging{cursor:grabbing}.slider-track::-webkit-scrollbar{display:none}.slider-item{--item-scale: 1;position:relative;z-index:0;flex:0 0 auto;scroll-snap-align:center;padding:var(--thumb-padding);font-size:clamp(.625rem,.75vw,.8125rem);font-weight:500;font-family:inherit;color:#fff9;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transform:scale(var(--item-scale));transform-origin:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.slider-item img{display:block;width:var(--thumb-size);height:var(--thumb-size);object-fit:cover;border-radius:4px;transform:scale(1.3);transform-origin:center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.slider--environment .slider-item{padding:0;border:none;background:none}.slider--environment .slider-item img{width:calc(var(--thumb-size) * 2 + 2 * var(--thumb-padding) + 2px);height:calc(var(--thumb-size) + 2 * var(--thumb-padding) + 2px);border-radius:6px;transform:none}.slider--material .slider-item:is(:hover,:focus-visible){--item-scale: 1.08;z-index:2}.slider--environment .slider-item:is(:hover,:focus-visible){--item-scale: 1.08;z-index:2}.slider-item:hover{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff2e}.slider-item:focus-visible{outline:2px solid rgba(100,140,255,.85);outline-offset:2px}.slider-item.active{color:#fff;background:#648cff40;border-color:#648cff80;box-shadow:0 0 8px #648cff26}.slider--material .slider-item.active{--item-scale: 1.18;z-index:3}.slider--environment .slider-item.active{--item-scale: 1.18;z-index:3;box-shadow:0 0 8px #648cff40}.slider--material .slider-item.active:is(:hover,:focus-visible){--item-scale: 1.24;z-index:4}.slider--environment .slider-item.active:is(:hover,:focus-visible){--item-scale: 1.24;z-index:4}.slider-tooltip{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;padding:5px 9px;font-size:12px;font-weight:500;line-height:1.2;color:#fff;background:#0f0f14eb;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 4px 16px #00000073;white-space:nowrap;animation:tooltip-in .12s ease-out}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.dev-tools-toggle{width:100%;padding:8px 12px;font-size:11px;font-weight:600;font-family:inherit;text-transform:uppercase;letter-spacing:.06em;color:#fff6;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .2s ease}.dev-tools-toggle:hover{color:#ffffffb3;background:#ffffff0a;border-color:#ffffff1a}.dev-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.DevButton{padding:8px 6px;font-size:11px;font-weight:500;font-family:inherit;color:#fff9;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.DevButton:hover{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff26}.selection-label{position:absolute;top:40px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none;font-size:clamp(1rem,1.4vw,1.375rem);font-weight:400;letter-spacing:.03em;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5);white-space:nowrap}.loading-overlay{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#000;opacity:1;transition:opacity .6s ease;pointer-events:all}.loading-overlay--hidden{opacity:0;pointer-events:none}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.12);border-top-color:#648cffd9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:13px;font-weight:500;letter-spacing:.08em;color:#ffffff59;text-transform:uppercase}@media(pointer:coarse){.UI{--thumb-size: clamp(2.75rem, 6.5vw, 3.5rem);--thumb-gap: clamp(.375rem, 1vw, .625rem);--thumb-padding: clamp(.1875rem, .5vw, .3125rem);--arrow-size: clamp(2rem, 4.5vw, 2.75rem);--edge-fade: clamp(.5rem, 1vw, 1rem)}.UI-shell{--auto-rotation-size: 2.75rem}.UI-tab{font-size:clamp(.75rem,1.6vw,.9375rem);padding:9px clamp(1rem,2.4vw,1.5rem)}.UI-tab:not([aria-selected=true]){padding-top:7px}.selection-label{font-size:clamp(1.125rem,2.6vw,1.75rem)}}@media(pointer:coarse)and (max-width:1100px){.UI{left:0;right:0;width:auto;min-width:0;transform:none}.UI-shell{--ui-active-scale: var(--configurator-ui-mobile-scale)}}