@import url(https://rsms.me/inter/inter.css);*{box-sizing:border-box}#root,.container,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{background:#000;font-family:Inter;overflow:hidden}a,body{color:#fff}a{pointer-events:all;text-decoration:none}svg{fill:#fff}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.6;transform:scale(1)}}@keyframes rotate{0%,to{transform:rotate(0deg)}50%{transform:rotate(90deg)}}canvas{animation:fade-in 5s ease .5s forwards;opacity:0;pointer-events:auto;touch-action:none}.canvas-desktop{left:0}.canvas-desktop,.canvas-mobile{position:absolute;top:0;z-index:1}.canvas-mobile{left:-100px}.app-container{background:radial-gradient(ellipse at center,#f5f5f5 0,#d0d0d0 100%);height:100vh;position:relative;width:100%}.portrait-warning{align-items:center;background-color:#000000f2;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100%;z-index:10000}.portrait-icon{font-size:60px;margin-bottom:20px}.portrait-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:12px}.portrait-description{color:#aaa;font-size:16px;line-height:1.6;max-width:400px}.rotate-icon{animation:rotate 2s ease-in-out infinite;font-size:40px;margin-top:30px}.toyota-logo-container{left:20px;position:absolute;top:20px;z-index:2000}.toyota-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:auto;width:80px}@media (max-width:768px){.toyota-logo{width:60px}}.background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.fullscreen-button{align-items:center;backdrop-filter:blur(20px);background:#0f0f0fe6;border:1px solid #ffffff1a;border-radius:50%;bottom:20px;box-shadow:0 8px 32px #0006;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;left:20px;outline:none;padding:12px;position:absolute;transition:all .3s ease;width:48px;z-index:2000}.fullscreen-button:hover{background:#60a5fa33;border-color:#60a5fa;transform:scale(1.05)}@media (max-width:768px){.fullscreen-button{bottom:15px;font-size:14px;height:36px;left:15px;padding:8px;width:36px}}.studio-controls{display:flex;flex-direction:column;gap:12px;position:absolute;right:20px;top:20px;z-index:2000}@media (max-width:768px){.studio-controls{gap:8px;right:10px;scale:.85;top:10px}}.control-panel{backdrop-filter:blur(20px);background:#0f0f0fe6;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;padding:12px}.control-label{color:#888;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:8px}.studio-buttons{display:flex;flex-wrap:wrap;gap:6px}.studio-button{background:#0000;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:6px 12px;transition:all .3s ease}.studio-button.active{background:#60a5fa33;border-color:#60a5fa;color:#60a5fa}.background-selector{display:flex;flex-wrap:wrap;gap:6px;max-width:200px}.background-button-no{background:#0000;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:6px 12px;transition:all .3s ease}.background-button-no.active{background:#60a5fa33;border-color:#60a5fa;color:#60a5fa}.background-button{background-position:50%;background-size:cover;border:2px solid #fff3;border-radius:8px;cursor:pointer;height:40px;outline:none;padding:0;transition:all .3s ease;width:40px}.background-button.active{border:3px solid #60a5fa;box-shadow:0 0 12px #60a5fa80}.lighting-toggle{align-items:center;backdrop-filter:blur(20px);background:#0f0f0fe6;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:space-between;outline:none;padding:12px;transition:all .3s ease}.lighting-label{color:#888;font-size:11px;letter-spacing:1px}.lighting-panel{background:#0f0f0ff2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;max-height:calc(100vh - 120px);overflow-x:hidden;overflow-y:auto;padding:16px;right:20px;top:auto;width:280px;z-index:10000}.config-category-bar,.lighting-panel{backdrop-filter:blur(20px);bottom:20px;position:fixed}.config-category-bar{align-items:center;background:#0f0f0fe6;border:1px solid #ffffff1a;border-radius:60px;box-shadow:0 15px 40px #0009;display:flex;gap:8px;left:50%;padding:16px 24px;pointer-events:auto;transform:translateX(-50%);z-index:9999}@media (max-width:768px){.config-category-bar{border-radius:30px;bottom:10px;gap:5px;max-width:90vw;overflow-x:auto;padding:8px 12px}}@media (max-width:480px){.config-category-bar{bottom:8px;gap:4px;padding:6px 10px}}.category-button{align-items:center;background:#0000;border:2px solid #ffffff26;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;letter-spacing:.5px;outline:none;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}@media (max-width:768px){.category-button{font-size:10px;padding:8px 12px}}@media (max-width:480px){.category-button{font-size:9px;padding:6px 10px}}.category-button:hover{background:#60a5fa1a;border-color:#60a5fa66;transform:translateY(-2px)}.category-button.active{background:#60a5fa33;border-color:#60a5fa;box-shadow:0 4px 20px #60a5fa4d;color:#60a5fa}.options-panel{backdrop-filter:blur(30px);background:#0f0f0ff2;border:1px solid #ffffff26;border-radius:24px;bottom:100px;box-shadow:0 20px 60px #000000b3;left:50%;padding:24px;pointer-events:auto;position:fixed;transform:translateX(-50%);z-index:9998}@media (max-width:768px){.options-panel{border-radius:12px;bottom:55px;padding:12px}}@media (max-width:480px){.options-panel{border-radius:10px;bottom:50px;padding:10px}}.options-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}@media (max-width:768px){.options-title{font-size:12px;margin-bottom:8px}}.options-grid{display:flex;flex-wrap:nowrap;gap:12px;overflow:visible}@media (max-width:768px){.options-grid{gap:6px}}@media (max-width:480px){.options-grid{gap:5px}}.option-button{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;height:110px;justify-content:center;outline:none;padding:12px;transition:all .3s ease;width:100px}@media (max-width:768px){.option-button{border-radius:10px;gap:4px;height:80px;padding:8px;width:70px}}@media (max-width:480px){.option-button{border-radius:8px;gap:3px;height:70px;padding:6px;width:60px}}.option-button:hover{background:#60a5fa1a;border-color:#60a5fa4d;transform:translateY(-2px)}.option-button.selected{background:#60a5fa26;border-color:#60a5fa;box-shadow:0 8px 25px #60a5fa4d}.option-preview{border:2px solid #fff3;border-radius:12px;height:60px;width:60px}@media (max-width:768px){.option-preview{border-radius:5px;height:32px;width:32px}}@media (max-width:480px){.option-preview{border-radius:4px;height:28px;width:28px}}.option-name{word-wrap:break-word;color:#fff;font-size:11px;font-weight:500;line-height:1.2;max-height:32px;overflow:hidden;text-align:center}@media (max-width:768px){.option-name{font-size:8px}}@media (max-width:480px){.option-name{font-size:7px}}.lighting-panel::-webkit-scrollbar,.model-selector-scrollbar::-webkit-scrollbar,.options-panel::-webkit-scrollbar{width:8px}.lighting-panel::-webkit-scrollbar-track,.model-selector-scrollbar::-webkit-scrollbar-track,.options-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.lighting-panel::-webkit-scrollbar-thumb,.model-selector-scrollbar::-webkit-scrollbar-thumb,.options-panel::-webkit-scrollbar-thumb{background:#60a5fa4d;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.lighting-panel::-webkit-scrollbar-thumb:hover,.model-selector-scrollbar::-webkit-scrollbar-thumb:hover,.options-panel::-webkit-scrollbar-thumb:hover{background:#60a5fa80}.lighting-panel::-webkit-scrollbar-thumb:active,.model-selector-scrollbar::-webkit-scrollbar-thumb:active,.options-panel::-webkit-scrollbar-thumb:active{background:#60a5fab3}.lighting-panel,.model-selector-scrollbar,.options-panel{scrollbar-color:#60a5fa4d #0003;scrollbar-width:thin}
/*# sourceMappingURL=main.4b37d314.css.map*/