*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{background-color:#1e2229;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;overflow:hidden;width:100%}#root,.app-wrapper{height:100vh;overflow:hidden;position:relative;width:100vw}.canvas-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.app-header{align-items:flex-start;display:flex;justify-content:space-between;left:28px;pointer-events:none;position:absolute;right:28px;top:24px;z-index:10}.header-left{display:flex;flex-direction:column;gap:2px;pointer-events:auto}.brand-badge{align-items:center;color:#e50914;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:2px;text-transform:uppercase}.brand-badge:before{background-color:#e50914;border-radius:50%;box-shadow:0 0 8px #e50914;content:"";display:inline-block;height:7px;width:7px}.title-spec-row{align-items:baseline;display:flex;gap:12px}.car-title{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5)}.car-specs-capsule{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#8a8f98;display:inline-flex;font-size:11px;gap:6px;padding:2px 8px}.car-specs-capsule strong{color:#fff;font-weight:600}.spec-dot{font-size:10px}.top-actions{display:flex;gap:10px;pointer-events:auto}.action-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .25s ease}.action-btn.active,.action-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.action-btn.active{background:#e50914;border-color:#e50914;box-shadow:0 0 16px rgba(229,9,20,.5)}.action-btn.ambient-off{background:rgba(234,88,12,.25);border-color:rgba(234,88,12,.6);color:#fdba74}.action-btn.viewer-link-btn{background:linear-gradient(135deg,rgba(59,130,246,.35),rgba(99,102,241,.35));border-color:rgba(147,197,253,.4);text-decoration:none}.action-btn.viewer-link-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,.7),rgba(99,102,241,.7));border-color:#93c5fd;color:#fff}.app-wrapper.theme-bright .car-title{color:#151a24;text-shadow:0 2px 14px hsla(0,0%,100%,.95)}.app-wrapper.theme-bright .car-specs-capsule{background:hsla(0,0%,100%,.72);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04);color:#4b5565}.app-wrapper.theme-bright .car-specs-capsule strong{color:#0f172a}.app-wrapper.theme-bright .spec-dot{color:rgba(0,0,0,.22)}.app-wrapper.theme-bright .action-btn{background:hsla(0,0%,100%,.82);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.06);color:#1f2937}.app-wrapper.theme-bright .action-btn:hover{background:#fff;border-color:rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.1);color:#000}.app-wrapper.theme-bright .action-btn.active{background:#e50914;border-color:#e50914;box-shadow:0 0 16px rgba(229,9,20,.4);color:#fff}.material-integrated-content{-ms-overflow-style:none;display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:4px 0 2px;scrollbar-width:none}.material-integrated-content::-webkit-scrollbar{display:none}.material-preset-chips{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);width:100%}.preset-chip-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;color:#a6abb4;cursor:pointer;font-size:11px;font-weight:600;padding:6px 2px;text-align:center;transition:all .2s ease;white-space:nowrap}.preset-chip-btn.active,.preset-chip-btn:hover{background:#e50914;border-color:#e50914;box-shadow:0 0 10px rgba(229,9,20,.4);color:#fff}.material-sliders-grid{grid-gap:12px 18px;display:grid;gap:12px 18px;grid-template-columns:repeat(2,1fr)}.slider-row{display:flex;flex-direction:column;gap:4px}.slider-label{color:#9297a2;display:flex;font-size:11px;font-weight:500;justify-content:space-between}.slider-label span:last-child{color:#fff;font-family:monospace;font-weight:600}.custom-slider{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.15);border-radius:2px;height:4px;outline:none;transition:background .2s;width:100%}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.5);cursor:pointer;height:14px;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease;width:14px}.custom-slider::-webkit-slider-thumb:hover{background:#e50914;-webkit-transform:scale(1.25);transform:scale(1.25)}.flakes-toggle-row{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding-top:8px}.flakes-label{color:#fff;font-size:12px;font-weight:600}.switch-btn{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#a0a5af;cursor:pointer;font-size:11px;font-weight:700;padding:4px 12px;transition:all .2s ease}.switch-btn.active{background:#e50914;border-color:#e50914;box-shadow:0 0 10px rgba(229,9,20,.5);color:#fff}.spec-dot{color:hsla(0,0%,100%,.25)}.bottom-panel{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(14,16,22,.84);border:1px solid hsla(0,0%,100%,.14);border-radius:24px;bottom:24px;box-shadow:0 16px 40px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.15);left:50%;padding:16px 22px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease,-webkit-transform .35s cubic-bezier(.16,1,.3,1);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease,-webkit-transform .35s cubic-bezier(.16,1,.3,1);width:min(94vw,840px);z-index:10}.bottom-panel.collapsed{opacity:0;pointer-events:none;-webkit-transform:translate(-50%,calc(100% + 40px));transform:translate(-50%,calc(100% + 40px))}.panel-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.panel-toggle-close{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#9aa0ab;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.panel-toggle-close:hover{background:hsla(0,0%,100%,.2);color:#fff}.panel-floating-trigger{align-items:center;-webkit-animation:floatBounce 2.5s ease-in-out infinite alternate;animation:floatBounce 2.5s ease-in-out infinite alternate;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(14,16,22,.88);border:1px solid hsla(0,0%,100%,.18);border-radius:30px;bottom:24px;box-shadow:0 8px 30px rgba(0,0,0,.6),0 0 16px rgba(229,9,20,.35);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;left:50%;padding:10px 22px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .25s cubic-bezier(.16,1,.3,1);z-index:10}.panel-floating-trigger:hover{background:#e50914;border-color:#e50914;box-shadow:0 10px 32px rgba(229,9,20,.6);-webkit-transform:translateX(-50%) scale(1.05);transform:translateX(-50%) scale(1.05)}@-webkit-keyframes floatBounce{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{-webkit-transform:translateX(-50%) translateY(-6px);transform:translateX(-50%) translateY(-6px)}}@keyframes floatBounce{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{-webkit-transform:translateX(-50%) translateY(-6px);transform:translateX(-50%) translateY(-6px)}}.model-switch-row{display:flex;gap:6px;overflow-x:auto}.model-switch-row .model-chip-btn{flex:0 0 auto}.model-chip-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#9aa0ab;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px}.model-chip-btn.active{background:#e50914;border-color:#e50914;color:#fff}.config-tabs{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.tab-group{display:flex;gap:6px}.tab-btn{background:transparent;border:none;border-radius:12px;color:#8e939e;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s ease}.tab-btn.active{background:hsla(0,0%,100%,.12);color:#fff}.panel-right-tools{align-items:center;display:flex;gap:8px}.toggle-tuner-btn{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;padding:5px 12px;transition:all .2s ease}.toggle-tuner-btn.active,.toggle-tuner-btn:hover{background:#e50914;border-color:#e50914;box-shadow:0 0 12px rgba(229,9,20,.4)}.paint-tab-container{display:flex;flex-direction:column;gap:10px}.paint-active-indicator{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;padding-bottom:8px}.active-part-badge{align-items:center;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.35);border-radius:12px;display:flex;justify-content:space-between;padding:6px 12px;width:100%}.indicator-left{align-items:center;display:flex;gap:8px}.indicator-icon{font-size:14px}.indicator-text{color:#e0f2fe;font-size:12px}.indicator-text strong{color:#38bdf8;font-weight:700}.clear-part-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:11px;padding:3px 8px;transition:all .2s ease}.clear-part-btn:hover{background:#e50914;border-color:#e50914;color:#fff}.idle-part-hint{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:6px;padding:4px 6px}.hint-icon{font-size:13px}.hint-text{letter-spacing:.2px}.swatches-scroll-wrapper{align-items:center;display:flex;gap:12px;overflow-x:auto;padding:4px 2px 8px;scrollbar-color:hsla(0,0%,100%,.2) transparent;scrollbar-width:thin}.swatches-scroll-wrapper::-webkit-scrollbar{height:4px}.swatches-scroll-wrapper::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.color-swatch-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.color-swatch-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.swatch-circle-ring{align-items:center;border:2px solid transparent;border-radius:50%;display:flex;height:42px;justify-content:center;padding:2px;transition:all .25s ease;width:42px}.color-swatch-card.active .swatch-circle-ring{border-color:#fff;box-shadow:0 0 14px hsla(0,0%,100%,.4)}.swatch-circle-fill{border-radius:50%;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),0 2px 6px rgba(0,0,0,.4);height:100%;position:relative;width:100%}.swatch-circle-fill:after{background:hsla(0,0%,100%,.4);border-radius:50%;content:"";-webkit-filter:blur(1px);filter:blur(1px);height:30%;left:20%;position:absolute;top:10%;width:30%}.custom-picker-swatch{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.custom-swatch-ring{align-items:center;background:linear-gradient(135deg,#ff416c,#8a2387,#00b4db);border:2px dashed hsla(0,0%,100%,.4);border-radius:50%;display:flex;height:42px;justify-content:center;overflow:hidden;position:relative;width:42px}.custom-swatch-ring input{cursor:pointer;height:200%;opacity:0;position:absolute;width:200%}.swatch-name{color:#9aa0a6;font-size:11px;font-weight:500;white-space:nowrap}.color-swatch-card.active .swatch-name{color:#fff;font-weight:700}.loading-screen{align-items:center;background:#1e2229;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:100}.spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#e50914;height:48px;width:48px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text{color:#8c9099;font-size:14px;letter-spacing:1px}.homepage-showroom.theme-room{background:#30343b}.homepage-showroom.theme-bright{background:#f4f6fa}.homepage-showroom.theme-dark{background:#14171e}.homepage-showroom .canvas-container{height:100%;inset:0}.homepage-showroom .top-actions{flex-wrap:wrap;justify-content:flex-end}.homepage-showroom .app-header{gap:16px}.homepage-showroom .bottom-panel{left:auto;max-height:min(65vh,calc(100% - 160px));overflow-y:auto;overscroll-behavior:contain;right:24px;-webkit-transform:none;transform:none;width:min(360px,calc(100vw - 24px))}.homepage-showroom .bottom-panel.collapsed{-webkit-transform:translateY(calc(100% + 40px));transform:translateY(calc(100% + 40px))}.homepage-showroom .panel-floating-trigger{-webkit-animation:none;animation:none;left:auto;right:24px;-webkit-transform:none;transform:none}.homepage-showroom .panel-floating-trigger:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.homepage-showroom .material-sliders-grid{grid-template-columns:1fr}.homepage-showroom .material-preset-chips{grid-template-columns:repeat(3,1fr)}.homepage-showroom .color-swatch-card{background:none;border:0;font:inherit;padding:0}.homepage-showroom button:disabled{cursor:default;opacity:.45}.homepage-showroom .action-btn:disabled{box-shadow:none;-webkit-transform:none;transform:none}.showroom-env-select option{background:#242830;color:#fff}.model-license{color:#cbd5e1;font-size:10px;margin-top:5px;text-shadow:0 1px 4px #000}.showroom-original-row{align-items:center;color:#aab7ca;display:flex;font-size:11px;gap:8px;justify-content:space-between;margin-bottom:12px}.showroom-original-row button{white-space:nowrap}.showroom-material-note{color:#aab7ca;font-size:11px;line-height:1.6;margin:10px 0}@media (max-width:768px){.homepage-showroom .app-header{flex-direction:column;gap:10px}.homepage-showroom .header-left{max-width:100%}.homepage-showroom .top-actions{flex-wrap:wrap;justify-content:flex-start}.homepage-showroom .bottom-panel{bottom:12px;max-height:48vh;right:12px}.homepage-showroom .panel-floating-trigger{bottom:12px;right:12px}.showroom-original-row{align-items:flex-start;font-size:10px}.app-header{align-items:flex-start;flex-direction:row;gap:8px;justify-content:space-between;left:12px;right:12px;top:12px}.header-left{max-width:60%}.brand-badge{font-size:10px;letter-spacing:1.5px}.title-spec-row{align-items:flex-start;flex-direction:column;gap:4px}.car-title{font-size:18px;line-height:1.2}.car-specs-capsule{font-size:10px;padding:2px 6px}.top-actions{flex-shrink:0;gap:6px}.action-btn{border-radius:16px;font-size:11px;padding:6px 9px}.bottom-panel{border-radius:20px;bottom:12px;padding:12px 14px;width:95vw}.config-tabs{gap:4px;margin-bottom:10px}.tab-btn{font-size:12px;padding:6px 10px}.paint-active-indicator{padding-bottom:6px}.active-part-badge{border-radius:10px;padding:4px 8px}.indicator-text{font-size:11px}.clear-part-btn{font-size:10px;padding:2px 6px}.idle-part-hint{font-size:10px}.material-preset-chips{gap:4px;grid-template-columns:repeat(5,1fr)}.preset-chip-btn{border-radius:10px;font-size:10px;padding:6px 1px}.material-sliders-grid{gap:10px;grid-template-columns:1fr}}