@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";:root{--bg-darkest:#070a10;--bg-topbar:#0a0e17;--bg-sidebar:#090d16;--bg-subnav:#0c111e;--bg-stage:#090d15;--bg-inspector:#0c111d;--bg-card:#111726;--bg-card-hover:#161e31;--bg-input:#101624;--border-color:#172033;--border-subtle:#ffffff12;--border-active:#0284c7;--border-cyan:#38bdf8;--primary-cyan:#0284c7;--primary-cyan-hover:#0369a1;--accent-cyan:#38bdf8;--accent-blue:#2563eb;--accent-red:#e11d48;--accent-green:#10b981;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-darkest);width:100%;height:100%;color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-size:13px;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.studio-topbar{background:var(--bg-topbar);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;height:52px;min-height:52px;padding:0 16px;display:flex}.topbar-left{align-items:center;gap:18px;display:flex}.topbar-back-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.topbar-back-btn:hover{background:var(--bg-card);color:var(--text-main)}.brand-title{align-items:center;gap:14px;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;font-size:18px;font-weight:800}.brand-name span{color:var(--accent-cyan)}.vehicle-badge{color:var(--text-muted);border-radius:var(--radius-full);background:#17203399;border:1px solid #38bdf833;align-items:center;gap:8px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.status-dot{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:34px;color:var(--text-main);cursor:pointer;background:#111827;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.topbar-btn:hover{background:#1f2937;border-color:#374151}.btn-export-primary{background:var(--primary-cyan);border-color:var(--primary-cyan);color:#fff;font-weight:600;box-shadow:0 2px 10px #0284c759}.btn-export-primary:hover{background:var(--primary-cyan-hover);border-color:var(--primary-cyan-hover)}.studio-workspace{flex:1;display:flex;position:relative;overflow:hidden}.nav-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:30;flex-direction:column;justify-content:space-between;width:68px;min-width:68px;padding:12px 0;display:flex}.nav-group{flex-direction:column;align-items:center;gap:6px;display:flex}.nav-tab-btn{border-radius:var(--radius-md);width:56px;height:56px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .15s;display:flex}.nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.nav-label{font-size:10px;font-weight:500}.nav-tab-btn:hover{color:var(--text-main);background:#172033b3}.nav-tab-btn.active{color:#fff;background:#0284c7;box-shadow:0 4px 12px #0284c766}.nav-footer{justify-content:center;display:flex}.btn-help{width:44px;height:44px}.sub-sidebar{background:var(--bg-subnav);border-right:1px solid var(--border-color);z-index:25;flex-direction:column;width:190px;min-width:190px;display:flex;overflow-y:auto}.sub-section{border-bottom:1px solid var(--border-color);padding:14px 12px}.sub-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sub-title{letter-spacing:.6px;color:var(--text-dim);font-size:10.5px;font-weight:700}.vehicle-parts-nav{flex-direction:column;gap:6px;display:flex}.part-nav-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text-muted);text-align:center;cursor:pointer;background:#111726;font-size:12px;font-weight:500;transition:all .15s}.part-nav-btn:hover{color:var(--text-main);background:#172033;border-color:#24314c}.part-nav-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;font-weight:600;box-shadow:0 2px 8px #0284c759}.structure-section{border-bottom:none;flex-direction:column;flex:1;display:flex;overflow:hidden}.structure-badge{color:var(--accent-cyan);letter-spacing:.5px;font-size:9px;font-weight:700}.structure-header-title h4{color:var(--text-main);font-size:13px;font-weight:700}.btn-icon-tiny{border:1px solid var(--border-color);border-radius:var(--radius-xs);width:24px;height:24px;color:var(--text-main);cursor:pointer;background:#172033;justify-content:center;align-items:center;display:flex}.btn-icon-tiny:hover{background:var(--primary-cyan)}.structure-actions{gap:6px;margin-bottom:10px;display:flex}.btn-sub-action{border:1px solid var(--border-color);border-radius:var(--radius-xs);height:26px;color:var(--text-muted);cursor:pointer;background:#111726;flex:1;font-size:11px}.btn-sub-action:hover{color:var(--text-main);background:#172033}.layers-tree-list{flex-direction:column;flex:1;gap:5px;padding-right:2px;display:flex;overflow-y:auto}.empty-layers-msg{color:var(--text-dim);text-align:center;padding:16px 8px;font-size:11px}.layer-item-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#111726;justify-content:space-between;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.layer-item-row:hover{background:#172033}.layer-item-row.selected{background:#0c4a6e;border-color:#0284c7}.layer-item-main{align-items:center;gap:7px;display:flex;overflow:hidden}.layer-type-badge{color:var(--accent-cyan);font-size:10px;font-weight:700}.layer-item-name{white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:11.5px;font-weight:500;overflow:hidden}.layer-item-tools{align-items:center;gap:2px;display:flex}.layer-tool-btn{width:22px;height:22px;color:var(--text-dim);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.layer-tool-btn:hover{color:var(--text-main);background:#ffffff1a}.btn-add-layer-footer{border:1px dashed var(--border-color);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text-muted);cursor:pointer;background:#111726;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.btn-add-layer-footer:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf80d}.center-stage{background:var(--bg-stage);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.stage-top-3d{background:radial-gradient(circle at 50% 40%,#151b2a 0%,#090d16 80%);flex:1.15;min-height:200px;position:relative;overflow:hidden}.viewport-3d-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.viewport-3d-canvas canvas{display:block;width:100%!important;height:100%!important}.floating-3d-toolbar{z-index:10;position:absolute;top:14px;left:50%;transform:translate(-50%)}.toolbar-pill{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-full);background:#0e1420e0;align-items:center;gap:4px;padding:4px 6px;display:flex;box-shadow:0 8px 24px #00000073}.pill-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.pill-btn:hover{color:var(--text-main);background:#1e293b}.pill-btn.active{background:var(--primary-cyan);color:#fff}.pill-divider{background:var(--border-color);width:1px;height:18px;margin:0 4px}.camera-dropdown-wrapper{position:relative}.camera-select-btn{border-radius:var(--radius-full);gap:6px;width:auto;padding:0 12px;font-size:12px;font-weight:500}.cam-dot{color:var(--accent-cyan);font-size:10px}.camera-menu{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:50;background:#0d1322;flex-direction:column;gap:2px;min-width:170px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0009}.camera-menu.show{display:flex}.camera-option{border-radius:var(--radius-xs);width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:12px}.camera-option:hover{color:var(--text-main);background:#172033}.camera-option.active{color:#fff;background:#0284c7}.floating-vehicle-badge{z-index:10;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;bottom:16px;left:20px}.badge-number{font-family:var(--font-display);color:var(--accent-cyan);font-size:28px;font-weight:800;line-height:1}.badge-text{flex-direction:column;display:flex}.badge-name{font-family:var(--font-display);letter-spacing:1px;color:#fff;font-size:13px;font-weight:800}.badge-sub{letter-spacing:.5px;color:var(--text-dim);font-size:9.5px;font-weight:600}.floating-zoom-control{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-full);z-index:10;background:#0e1420d9;align-items:center;gap:6px;padding:3px 8px;display:flex;position:absolute;bottom:16px;right:20px}.zoom-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.zoom-btn:hover{color:var(--text-main);background:#172033}.zoom-label{color:var(--text-main);text-align:center;min-width:32px;font-size:11px;font-weight:600}.split-divider{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:row-resize;z-index:15;background:#090d16;justify-content:center;align-items:center;height:6px;display:flex}.split-handle{border-radius:var(--radius-full);background:#24314c;width:36px;height:3px}.stage-bottom-uv{background:#090d16;flex-direction:column;flex:.95;min-height:180px;display:flex;position:relative;overflow:hidden}.uv-viewport-header{border-bottom:1px solid var(--border-color);z-index:10;background:#0c111e;justify-content:space-between;align-items:center;height:36px;min-height:36px;padding:0 16px;display:flex}.uv-active-zone-badge{color:var(--text-main);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.uv-zone-dot{color:var(--accent-cyan);font-size:10px}.uv-header-actions{align-items:center;gap:8px;display:flex}.uv-header-btn{border:1px solid var(--border-color);border-radius:var(--radius-xs);height:24px;color:var(--text-muted);cursor:pointer;background:#111726;padding:0 10px;font-size:11px}.uv-header-btn:hover{color:var(--text-main);background:#172033}.uv-canvas-container{flex:1;width:100%;height:100%;position:relative;overflow:hidden}#uv-canvas{width:100%;height:100%;display:block}.floating-uv-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-full);z-index:10;background:#0e1420d9;align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;bottom:14px;right:18px}.uv-ctrl-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.uv-ctrl-btn:hover{color:var(--text-main)}.uv-zoom-val{color:var(--text-main);font-size:11px;font-weight:600}.uv-ctrl-divider{background:var(--border-color);width:1px;height:14px;margin:0 2px}.inspector-sidebar{background:var(--bg-inspector);border-left:1px solid var(--border-color);z-index:25;flex-direction:column;width:290px;min-width:290px;display:flex;overflow:hidden}.inspector-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:52px;min-height:52px;padding:0 16px;display:flex}.inspector-badge{color:var(--accent-cyan);letter-spacing:.8px;font-size:9px;font-weight:700}.inspector-header h3{color:#fff;font-size:13.5px;font-weight:700}.btn-close-inspector{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.btn-close-inspector:hover{color:var(--text-main)}.inspector-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.inspector-section{flex-direction:column;gap:8px;display:flex}.section-heading{letter-spacing:.6px;color:var(--text-dim);font-size:10px;font-weight:700}.section-subtext{color:var(--text-muted);font-size:11px;line-height:1.4}.inspector-notice{border-radius:var(--radius-sm);color:#7dd3fc;background:#0284c71a;border:1px solid #0284c740;flex-direction:column;gap:4px;padding:8px 10px;font-size:11px;display:flex}.notice-badge{color:#0284c7;letter-spacing:.5px;font-size:8.5px;font-weight:800}.inspector-field-label{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.inspector-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);width:100%;height:32px;color:var(--text-main);outline:none;padding:0 10px;font-size:12px;transition:border-color .15s}.inspector-input:focus{border-color:var(--primary-cyan)}.inspector-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);width:100%;height:32px;color:var(--text-main);cursor:pointer;outline:none;padding:0 8px;font-size:12px}.fields-2col{grid-template-columns:1fr 1fr;gap:8px;display:grid}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{padding-right:28px}.unit-badge{color:var(--text-dim);pointer-events:none;font-size:11px;position:absolute;right:8px}.color-swatches-grid{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:4px;display:grid}.color-swatch-circle{cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:34px;height:34px;transition:transform .15s,border-color .15s;box-shadow:0 2px 6px #0006}.color-swatch-circle:hover{border-color:#fff;transform:scale(1.15)}.color-picker-input-group{flex-direction:column;gap:6px;display:flex}.color-hex-row{align-items:center;gap:8px;display:flex}.color-hex-row input[type=color]{border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;width:36px;height:34px}.hex-text-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);height:34px;color:var(--text-main);outline:none;flex:1;padding:0 10px;font-family:monospace;font-size:12.5px}.rgb-sliders-container{flex-direction:column;gap:7px;margin-top:6px;display:flex}.rgb-slider-row{align-items:center;gap:8px;display:flex}.rgb-badge{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.rgb-r{background:#ef4444}.rgb-g{background:#22c55e}.rgb-b{background:#3b82f6}.rgb-slider-row input[type=range]{accent-color:var(--primary-cyan);flex:1}.rgb-num{min-width:28px;color:var(--text-muted);text-align:right;font-family:monospace;font-size:11px}.pbr-slider-row{flex-direction:column;gap:5px;margin-bottom:6px;display:flex}.pbr-label-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.slider-val-badge{color:var(--accent-cyan);font-family:monospace;font-size:11px;font-weight:700}.pbr-slider-row input[type=range]{width:100%;accent-color:var(--primary-cyan)}.slider-scale-labels{color:var(--text-dim);justify-content:space-between;font-size:9.5px;display:flex}.finish-preset-chips{flex-wrap:wrap;gap:6px;display:flex}.finish-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;padding:5px 10px;font-size:11px;transition:all .15s}.finish-chip:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:#374151}.text-input-row{gap:6px;display:flex}.btn-text-apply{background:var(--primary-cyan);border-radius:var(--radius-xs);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.style-buttons-row{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);align-items:center;gap:4px;margin-top:10px;padding:4px;display:flex}.style-toggle-btn{border-radius:var(--radius-xs);height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.style-toggle-btn:hover{color:var(--text-main);background:#172033}.style-toggle-btn.active{color:#fff;background:#0284c7}.style-divider{background:var(--border-color);width:1px;height:16px}.color-preview-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);align-items:center;gap:8px;height:32px;padding:4px 8px;display:flex}.color-preview-box input[type=color]{cursor:pointer;background:0 0;border:none;width:24px;height:24px}.color-preview-box span{font-family:monospace;font-size:11px}.transform-quick-actions{gap:6px;display:flex}.btn-transform-action{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);height:30px;color:var(--text-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex}.btn-transform-action:hover{color:var(--text-main);background:#172033}.btn-lock-aspect{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);width:100%;height:32px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.alignment-bar{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);gap:4px;padding:4px;display:flex}.align-btn{border-radius:var(--radius-xs);height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;display:flex}.align-btn:hover{color:var(--text-main);background:#172033}.btn-delete-element{border-radius:var(--radius-sm);color:#fb7185;cursor:pointer;background:#e11d481f;border:1px solid #e11d4859;justify-content:center;align-items:center;gap:8px;width:100%;height:38px;margin-top:4px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-delete-element:hover{color:#fff;background:#e11d48;border-color:#e11d48}.sticker-catalog-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sticker-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:all .15s;display:flex}.sticker-card:hover{border-color:var(--primary-cyan);background:var(--bg-card-hover)}.sticker-thumb-circle{color:#fff;width:44px;height:44px;font-family:var(--font-display);background:#dc2626;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.sticker-card span{color:var(--text-muted);font-size:11px}.btn-upload-box{background:var(--bg-input);border:1px dashed var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;transition:all .15s;display:flex}.btn-upload-box:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf80d}.model-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:12px;display:flex}.model-info-title{color:#fff;font-size:13px;font-weight:700}.model-info-meta{color:var(--accent-cyan);gap:6px;font-size:11px;display:flex}.btn-block{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--text-main);cursor:pointer;background:#1e293b;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.btn-block:hover{background:#334155}.dropzone-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;background:#070a10e0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.dropzone-overlay.visible{display:flex}.dropzone-box{border:2px dashed var(--accent-cyan);border-radius:var(--radius-lg);text-align:center;background:#0f172a;flex-direction:column;align-items:center;gap:12px;padding:48px 40px;display:flex}.dropzone-icon{width:60px;height:60px;color:var(--accent-cyan)}.studio-toast{border:1px solid var(--accent-cyan);color:#fff;border-radius:var(--radius-full);pointer-events:none;opacity:0;z-index:9999;background:#0f172a;padding:10px 20px;font-size:12.5px;font-weight:600;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(50px);box-shadow:0 10px 30px #00000080}.studio-toast.show{opacity:1;transform:translate(-50%)translateY(0)}