*{box-sizing:border-box}#car-configurator{width:var(--cc-width, 960px)!important;background:#fff!important;max-width:100%!important;max-height:100%!important;position:relative!important;z-index:0!important;margin:auto!important;padding:0!important;font-family:Nissan Light,Arial,sans-serif!important;overflow:hidden!important}#car-configurator *{font-family:Nissan Light,Arial,sans-serif!important}#car-configurator button,#car-configurator input[type=button],#car-configurator input[type=submit],#car-configurator [role=button]{margin-left:0!important}.app{--cc-width: 100% !important;--cc-height: 100% !important;--gap: clamp(16px, 5vw, 80px) !important;--menu-width: clamp(500px, 42vw, 640px) !important;padding:32px!important;width:var(--cc-width)!important;display:flex!important;position:relative!important;flex-direction:row;align-items:flex-start!important;justify-content:center!important}@media (max-width: 1024px){.app{width:100%!important;flex-direction:column!important;align-items:center!important}}@media (max-width: 1024px){.app{flex-direction:column!important;width:100%!important;--menu-width: calc(100% - (var(--gap) * 2)) !important;--gap: 16px !important}}.loader-overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;background:#eee!important;-webkit-backdrop-filter:blur(1px)!important;backdrop-filter:blur(1px)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:12px!important;color:#333!important;z-index:12!important}.logo-breath{width:160px!important;height:160px!important;display:flex!important;align-items:center!important;justify-content:center!important}.logo-breath img{width:100%!important;height:100%!important;object-fit:contain!important;animation:breath 1.6s ease-in-out infinite!important}.progress-container{width:280px!important;max-width:80%!important;height:6px!important;min-height:6px!important;background:#d6d6d6!important;border-radius:4px!important;overflow:hidden!important;z-index:13!important}.progress-bar{height:100%!important;background:#333!important;width:0;transition:width .2s ease!important}.progress-text{color:#333!important;font-weight:600!important;text-align:center!important}.pano-container{width:100%!important;height:100%!important}.pano-canvas{width:100%!important;height:100%!important;display:block!important}.fab-btn{position:absolute!important;bottom:16px!important;border:1px solid #86868b!important;border-radius:8px!important;background:#fff6!important;cursor:pointer!important;z-index:1001!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important}.fab-btn img{object-fit:contain!important;pointer-events:none!important}.fab-right{right:16px}.fab-left{left:16px}@media (max-width: 1024px){.fab-btn{width:44px!important;height:44px!important}}.twod-preview{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:grab!important;position:relative!important}.twod-preview:active{cursor:grabbing!important}.twod-image{max-width:100%!important;max-height:100%!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;pointer-events:none!important;transform:translateY(10%)!important}.twod-preview.fs-loading{background:#333!important}.camera-hint{position:absolute!important;left:50%!important;top:5%!important;transform:translate(-50%);width:40px!important;height:40px!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;animation:breath 2.4s ease-in-out infinite!important;z-index:8!important}@keyframes breath{0%{opacity:.1}50%{opacity:.9}to{opacity:.1}}.loading-progress-container{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#333!important;-webkit-backdrop-filter:blur(1px)!important;backdrop-filter:blur(1px)!important;display:flex!important}.interior-overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000bf!important;z-index:6!important;display:flex!important;align-items:center!important;justify-content:center!important}.interior-viewer{width:100%!important;height:100%!important;overflow:hidden!important;background:#000!important}@media (max-width: 1024px){.camera-hint{width:30px!important;height:30px!important}}.bg-quick-menu{position:absolute!important;left:16px!important;bottom:16px!important;z-index:6!important}@media (max-width: 1024px){.bg-quick-menu{left:16px!important}}.bg-fab{width:56px!important;height:56px!important;border-radius:8px!important;border:1px solid #86868b!important;background:#fff6!important;display:flex!important;align-items:center!important;justify-content:center!important}@media (max-width: 1024px){.bg-fab{width:44px!important;height:44px!important}}.bg-fab img{width:70%!important;height:70%!important;object-fit:contain!important}@media (max-width: 1024px){.bg-fab img{width:50%!important;height:50%!important}}.bg-popover{position:absolute!important;bottom:72px!important;left:0!important;background:#fff!important;border-radius:16px!important;padding:16px!important;box-shadow:0 12px 24px #0000003d!important;min-width:auto!important}@media (max-width: 1024px){.bg-popover{bottom:48px!important;padding:8px!important}}.bg-thumb-row{display:flex!important;gap:12px!important}.bg-thumb{width:56px!important;height:56px!important;padding:0!important;border-radius:12px!important;border:2px solid transparent!important;background:#e9e9e9!important;cursor:pointer!important}@media (max-width: 1024px){.bg-thumb{width:44px!important;height:44px!important}.bg-thumb img{width:32px!important;height:32px!important}}.bg-thumb.active{border-color:#c40030!important}.car-option-wrapper{position:relative!important}.car-option-wrapper .fab-btn.active{background:#fffc!important;border-color:#c40030!important}.car-option-popover{position:absolute!important;background:#fff!important;border-radius:12px!important;padding:12px!important;box-shadow:0 8px 20px #0003!important;min-width:180px!important;max-width:240px!important;z-index:11!important}@media (max-width: 1024px){.car-option-popover{padding:10px!important;min-width:160px!important}}.car-option-title{font-size:14px!important;font-weight:600!important;margin-bottom:10px!important;color:#1d1d1f!important;padding-bottom:6px!important;border-bottom:2px solid #C40030!important}@media (max-width: 1024px){.car-option-title{font-size:13px!important;margin-bottom:8px!important}}.car-option-list{display:flex!important;flex-direction:column!important;gap:6px!important}.car-option-item{display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;border:2px solid transparent!important;border-radius:8px!important;background:#e9e9e9!important;cursor:pointer!important;transition:all .2s ease!important;text-align:left!important}@media (max-width: 1024px){.car-option-item{padding:8px!important;gap:8px!important}}.car-option-item:hover{background:#d9d9d9!important;border-color:#c400304d!important}.car-option-item.active{background:#c400301a!important;border-color:#c40030!important}.car-option-icon{width:28px!important;height:28px!important;object-fit:contain!important;flex-shrink:0!important}@media (max-width: 1024px){.car-option-icon{width:22px!important;height:22px!important}}.car-option-name{flex:1!important;font-size:13px!important;color:#1d1d1f!important;font-weight:400!important;text-transform:none}@media (max-width: 1024px){.car-option-name{font-size:12px!important}}.fps-counter{position:absolute;top:10px;right:10px;background-color:#000000b3;color:#0f0;padding:8px 12px;border-radius:4px;font-family:monospace;font-size:14px;font-weight:700;z-index:1000;pointer-events:none;-webkit-user-select:none;user-select:none}.preview-container{width:clamp(490px,calc(100vw - var(--menu-width) - (var(--gap) * 2)),1200px)!important;aspect-ratio:16 / 9!important;height:auto!important;position:relative!important;margin-right:var(--gap)!important;margin-left:var(--gap)!important;background:#eee!important;transition:margin .3s ease!important;touch-action:none!important;overscroll-behavior:contain!important;flex:0 0 auto!important;align-self:flex-start!important}.preview-container canvas{width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.preview-container:fullscreen,.preview-container:-webkit-full-screen{width:100vw!important;height:100dvh!important;margin:0!important;aspect-ratio:auto!important;max-height:100dvh!important}.preview-container:not(:fullscreen):not(:-webkit-full-screen){aspect-ratio:16 / 9!important;height:auto!important;max-height:none!important}.preview-container:fullscreen canvas,.preview-container:-webkit-full-screen canvas{transform-origin:center center;width:100%!important;height:100%!important}@media (max-width: 1024px){.preview-container{margin:0!important;width:100%!important;max-height:none!important;flex:0 0 auto!important;contain:layout!important}.preview-container canvas{width:100%!important}}.color-menu{height:100%!important;z-index:10!important;transition:right .3s ease!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;margin-right:var(--gap)!important}@media (max-width: 1024px){.color-menu{margin:32px auto!important;height:auto!important;min-width:0!important;width:calc(100% - 64px)!important;max-height:none!important}}.menu-container{flex:1 1 auto!important;width:auto!important;height:100%!important}.menu-content{width:auto!important;overflow-y:auto!important}.section{padding:12px 16px 20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;overflow:visible!important}.section:last-child{border-bottom:none!important}.section h3{font-size:24px!important;font-weight:600!important;color:#333!important}.section-header{cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.arrow-icon{font-size:16px!important}.divider{width:100%!important;height:1px!important;margin-bottom:30px!important;border-bottom:1px solid #B3B3B3!important}.collapsible{overflow:hidden!important;width:100%!important;max-height:0!important;height:auto!important;opacity:0!important;transform-origin:top!important;transition:max-height .3s ease,opacity .25s ease!important}.collapsible.open{max-height:2500px!important;opacity:1!important;padding-top:12px!important;overflow:visible!important}.section-subtitle{margin:0 0 15px!important;font-size:16px!important;color:#666!important}.model-selector{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.selected-color-sub-container{display:flex!important;flex-direction:row!important;justify-content:space-between!important;width:100%!important}.selected-color-display{font-size:16px!important;color:#333!important;text-align:right!important}.model-btn{text-transform:none!important;padding:12px 16px!important;border:1px solid #86868b!important;background:transparent!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;transition:all .2s ease!important;text-align:left!important;color:#333!important;flex:1!important;width:100%!important;margin-left:0!important}.model-btn.active{border-color:#c40030!important}.color-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:100%!important;padding:12px 2px 2px!important;gap:24px!important;overflow:visible!important}.color-option{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;height:62px!important;width:62px!important;position:relative!important;overflow:visible!important}.color-option:has(.color-btn.active):after{content:"✓"!important;position:absolute!important;top:-4px!important;right:-4px!important;width:24px!important;padding-right:2px!important;height:24px!important;background-color:#c40031e2!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:14px!important;font-weight:700!important;z-index:10!important}.color-btn{width:60px!important;height:60px!important;border:1px solid #86868b!important;border-radius:50%!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important;overflow:hidden!important;background:none!important;padding:0!important}.color-btn.active{border-color:#c40030!important;box-shadow:0 0 0 2px #c400304d!important}.color-circle-top{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:51%!important;border-radius:50% 50% 0 0!important}.color-circle-bottom{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:50%!important;border-radius:0 0 50% 50%!important}.wheel-section{margin-top:20px!important}.wheel-icon{width:100%!important;height:100%!important;border-radius:50%!important;background-size:100%!important;background-position:center!important;background-repeat:no-repeat!important;display:block!important}.actions{display:flex!important;flex-direction:column!important;gap:12px!important;padding-top:20px!important}.btn{padding:12px 20px!important;border:none!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;text-align:center!important;color:#333!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.btn-primary{background:#c40030!important;color:#fff!important}.btn-primary:hover{background:#9a0024!important;transform:translateY(-1px)!important}.copy-toast{background:#000000d9!important;color:#fff!important;font-size:12px!important;line-height:1!important;padding:8px 10px!important;border-radius:6px!important;pointer-events:none!important;box-shadow:0 6px 16px #00000040!important;z-index:9999!important}@media (max-width: 1300px){.color-menu{margin:32px auto!important;height:auto!important;min-width:0!important;max-height:none!important}.color-grid{gap:16px!important}}@media (max-width: 1024px){.menu-content{max-width:100%!important}.section{width:100%!important;padding-right:0!important;padding-left:0!important}}@media (max-width: 600px){.color-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;row-gap:16px!important;justify-items:start!important}.color-grid .color-option:nth-child(3n+1){justify-self:start!important}.color-grid .color-option:nth-child(3n+2){justify-self:center!important}.color-grid .color-option:nth-child(3n+3){justify-self:end!important;margin-right:10px!important}}.interior-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;width:100%;box-sizing:border-box}.interior-option{flex:0 0 calc(50% - 8px);aspect-ratio:1;box-sizing:border-box}.interior-btn{width:100%;height:100%;padding:0;border:3px solid transparent;border-radius:12px;background:#2a2a2a;cursor:pointer;transition:all .2s ease;overflow:hidden;position:relative;box-sizing:border-box}.interior-btn.active{border-color:#c40030!important;box-shadow:0 0 0 2px #c400304d!important}.interior-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;position:relative}.interior-label{color:#fff;font-size:14px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);background:#00000080;padding:4px 12px;border-radius:6px}@media (max-width: 1024px){.interior-container{gap:12px}.interior-option{flex:0 0 calc(50% - 6px)}}.addon-section{margin-top:20px!important;width:100%!important}.addon-list{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.addon-card{display:flex!important;align-items:center!important;gap:16px!important;padding:16px!important;border:2px solid #e5e5e7!important;border-radius:12px!important;background:#fff!important;cursor:pointer!important;transition:all .2s ease!important;text-align:left!important;width:100%!important;box-sizing:border-box!important}.addon-card.active{border-color:#c40030!important;background:#fff5f7!important;box-shadow:0 0 0 1px #c400301a!important}.addon-checkbox-wrapper{flex-shrink:0!important}.addon-checkbox-custom{width:24px!important;height:24px!important;border:2px solid #86868b!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;background:#fff!important}.addon-checkbox-custom.checked{background:#c40030!important;border-color:#c40030!important}.addon-checkbox-custom svg{width:16px!important;height:16px!important;color:#fff!important}.addon-content{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1!important}.addon-name{font-size:15px!important;font-weight:600!important;color:#333!important;line-height:1.3!important;text-transform:none!important}