body{margin:0}.hollow{opacity:0;pointer-events:none}#app{position:absolute;top:0;left:0;width:100%;height:100%}#sketch{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.loader-screen{position:fixed;z-index:5;top:0;left:0;width:100%;height:100%;transition:.3s;background:#000}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.loading{color:#fff;font-size:1.875rem;letter-spacing:.1em}.progress-text{font-size:2rem;margin-bottom:20px;font-weight:700}.progress-bar-container{width:300px;height:8px;background-color:#333;border-radius:4px;overflow:hidden;margin:0 auto}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#00a6ff,#06c);transition:width .3s ease}.loading span{animation:blur 1.5s calc(var(--i) / 5 * 1s) alternate infinite}@keyframes blur{to{filter:blur(2px)}}.car-container{position:fixed;right:0;margin-right:20px;top:0;width:auto;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;padding:20px;box-sizing:border-box;visibility:hidden}.car-container.visible{opacity:1;visibility:visible;pointer-events:auto}.right-options{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:30px;z-index:10}.effect-option-item{display:flex;align-items:center;gap:15px;width:100%;position:relative;cursor:pointer}.option-text{color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:300;letter-spacing:.5px;white-space:nowrap}.option-text:hover{color:#fff}.option-text.active{color:#00a6ff}.vertical-line{position:absolute;right:-20px;top:-15px;bottom:-15px;width:2px;background-color:#ffffff4d;z-index:-1}.dot{position:absolute;right:-23px;width:8px;height:8px;border-radius:50%;background-color:#c7c7c7;transition:all .3s ease;box-shadow:0 0 2px #fff3;z-index:1}.dot.active{background-color:#00b7ffe8;transform:scale(1.2);box-shadow:0 0 8px #007bff99}.color-selector{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;padding:12px;background:#b6b6b64d;border-radius:30px;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);opacity:0;transition:opacity 0s ease-in-out;pointer-events:none}.color-selector.visible{opacity:1;pointer-events:auto}.color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .1s}.color-option:hover{transform:scale(1.1)}.color-option.active{border:2px solid transparent;outline:2px solid rgba(255,255,255,.8);outline-offset:1px;transform:scale(1.1)}.car-model-selector{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;max-height:80vh;overflow-y:auto;padding:10px}.car-model-selector.visible{opacity:1;pointer-events:auto}.car-model-selector.centering{animation:centerPulse .3s ease}@keyframes centerPulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}to{transform:translateY(-50%) scale(1)}}.car-model-selector::-webkit-scrollbar{width:0px}.model-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:10px;border-radius:10px;background:transparent;border:1px solid transparent;transition:all .3s ease;min-width:100px}.model-option:hover{background:#ffffff1a;transform:scale(1.05)}.model-option.active{background:#ffffff4d;box-shadow:none;border:1px solid transparent}.model-option.active .model-image{border:none;border-radius:5px}.model-image{width:80px;height:60px;border-radius:5px;margin-bottom:8px;background-size:contain;background-position:center;background-repeat:no-repeat}.model-name{color:#ffffffe6;font-size:14px;font-weight:500;text-align:center}.model-option.active .model-name{color:#fff;font-weight:600}.loading-progress{position:relative;color:#fff;font-size:24px;font-weight:700;z-index:1000;margin-bottom:20px}.progress-text{font-family:Arial,sans-serif}