*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0a1628;--bg-secondary:#0f1d35;--bg-tertiary:#142642;--border-color:rgba(37,99,235,0.2);--text-primary:#e5e7eb;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#2563eb;--accent-secondary:#1d4ed8;--accent-light:#3b82f6;--scene-bg:#0a1628;--grid-color1:#2563eb;--grid-color2:#1e293b}body.light-mode{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-color:rgba(37,99,235,0.15);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#2563eb;--accent-secondary:#1d4ed8;--accent-light:#3b82f6;--scene-bg:#e2e8f0;--grid-color1:#64748b;--grid-color2:#cbd5e1}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);overflow:hidden;transition:background 0.3s ease,color 0.3s ease}.app-container{display:grid;grid-template-columns:340px 1fr;height:100vh;gap:0}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:24px;overflow-y:auto;box-shadow:4px 0 24px rgba(0,0,0,0.2);transition:all 0.3s ease}body.light-mode .sidebar{box-shadow:4px 0 24px rgba(0,0,0,0.05)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--bg-tertiary)}.sidebar::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.logo{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:24px;height:24px;fill:white}.logo-text h1{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2px}.logo-text p{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:24px 0 12px 0;display:flex;align-items:center;gap:8px}.section-title::before{content:'';width:3px;height:12px;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:2px}.upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:24px;text-align:center;background:rgba(37,99,235,0.03);cursor:pointer;transition:all 0.3s;margin-bottom:20px;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--accent-primary);background:rgba(37,99,235,0.08);transform:translateY(-2px)}.upload-area.dragover{border-color:var(--accent-primary);background:rgba(37,99,235,0.15)}.upload-icon{display:flex;justify-content:center;margin-bottom:12px}.upload-icon svg{width:48px;height:48px;stroke:var(--accent-primary)}.upload-text{font-size:14px;color:var(--text-primary);margin-bottom:8px;font-weight:500}.upload-hint{font-size:11px;color:var(--text-muted);margin-bottom:12px}.supported-formats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.format-badge{background:rgba(37,99,235,0.1);border:1px solid var(--border-color);padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;color:var(--accent-primary);text-transform:uppercase}input[type="file"]{display:none}.btn{width:100%;padding:12px 16px;margin-bottom:10px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;transition:all 0.3s;display:flex;align-items:center;gap:10px}.btn:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,0.2)}body.light-mode .btn:hover{box-shadow:0 4px 12px rgba(37,99,235,0.1)}.btn:active{transform:translateY(0)}.btn-icon{min-width:20px;display:flex;align-items:center}.btn-icon svg{width:18px;height:18px;stroke:var(--text-primary)}.btn-text{flex:1;text-align:left}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;color:white}.btn-primary .btn-icon svg{stroke:white}.btn-primary:hover{box-shadow:0 8px 20px rgba(37,99,235,0.4)}.btn-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.btn-group .btn{margin-bottom:0}.btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:transparent;color:white}.btn.active .btn-icon svg{stroke:white}.divider{height:1px;background:var(--border-color);margin:20px 0}.info-box{background:rgba(37,99,235,0.08);border:1px solid var(--border-color);border-radius:10px;padding:12px;font-size:12px;color:var(--text-secondary);line-height:1.6;margin-top:16px}.info-box strong{color:var(--accent-primary)}.viewer-container{position:relative;height:100vh}#viewer{width:100%;height:100%}.theme-toggle{position:absolute;top:20px;right:20px;width:48px;height:48px;background:rgba(15,29,53,0.85);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:1000}body.light-mode .theme-toggle{background:rgba(255,255,255,0.95);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,0.4)}.theme-toggle svg{width:24px;height:24px;stroke:var(--accent-primary);transition:transform 0.3s}.top-bar{position:absolute;top:80px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10}.badge{background:rgba(15,29,53,0.85);backdrop-filter:blur(10px);padding:10px 18px;border-radius:999px;border:1px solid var(--border-color);font-size:13px;font-weight:500;color:var(--accent-primary);display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3)}body.light-mode .badge{background:rgba(255,255,255,0.95);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.badge::before{content:'';width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-primary);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.stats-panel{background:rgba(15,29,53,0.85);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,0.3)}body.light-mode .stats-panel{background:rgba(255,255,255,0.95);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.stat-item:last-child{margin-bottom:0}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--accent-primary);font-weight:600}.bottom-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.control-btn{width:48px;height:48px;background:rgba(15,29,53,0.85);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.3)}body.light-mode .control-btn{background:rgba(255,255,255,0.95);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.control-btn svg{width:20px;height:20px;stroke:var(--accent-primary)}.control-btn:hover{background:rgba(37,99,235,0.2);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,0.4)}.control-btn:active{transform:translateY(0)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,22,40,0.95);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity 0.3s}body.light-mode .loading-overlay{background:rgba(255,255,255,0.95)}.loading-overlay.active{opacity:1;pointer-events:all}.spinner{width:60px;height:60px;border:4px solid rgba(37,99,235,0.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:16px;color:var(--accent-primary)}.model-info{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);background:rgba(15,29,53,0.85);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:12px 20px;font-size:13px;color:var(--text-secondary);box-shadow:0 4px 12px rgba(0,0,0,0.3);opacity:0;pointer-events:none;transition:opacity 0.3s}body.light-mode .model-info{background:rgba(255,255,255,0.95);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.model-info.show{opacity:1}.model-info strong{color:var(--accent-primary)}.color-picker{width:100%;height:40px;border-radius:8px;border:1px solid var(--border-color);cursor:pointer;margin-top:8px}.slider-container{margin-bottom:16px}.slider-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.slider-label span{color:var(--text-secondary)}.slider-label strong{color:var(--accent-primary)}input[type="range"]{width:100%;height:6px;border-radius:3px;background:rgba(37,99,235,0.2);outline:none;-webkit-appearance:none;appearance:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);cursor:pointer;box-shadow:0 2px 8px rgba(37,99,235,0.5)}input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);cursor:pointer;box-shadow:0 2px 8px rgba(37,99,235,0.5);border:none}@media (max-width:1024px){.app-container{grid-template-columns:1fr}.sidebar{position:fixed;left:-100%;top:0;width:320px;height:100vh;z-index:1000;transition:left 0.3s ease}.sidebar.show{left:0}.mobile-menu-toggle{display:flex !important}.top-bar{flex-direction:column;gap:10px;align-items:stretch}.badge{font-size:11px;padding:8px 14px}.stats-panel{padding:12px}.stat-item{font-size:11px}.bottom-controls{flex-wrap:wrap;justify-content:center;gap:8px}.control-btn{width:44px;height:44px}.model-info{bottom:80px;font-size:11px;padding:8px 14px}}@media (max-width:768px){.theme-toggle{width:44px;height:44px;top:15px;right:15px}.theme-toggle svg{width:20px;height:20px}.top-bar{top:70px;left:15px;right:15px}.bottom-controls{bottom:15px;gap:6px}.control-btn{width:40px;height:40px}.control-btn svg{width:18px;height:18px}.badge{font-size:10px;padding:6px 12px}.stats-panel{padding:10px}.stat-item{font-size:10px;margin-bottom:6px}}@media (max-width:480px){.top-bar{top:60px;left:10px;right:10px}.theme-toggle{width:40px;height:40px;top:10px;right:10px}.bottom-controls{gap:5px;bottom:10px}.control-btn{width:36px;height:36px}.control-btn svg{width:16px;height:16px}.badge{font-size:9px;padding:5px 10px}.stats-panel{padding:8px}.stat-item{font-size:9px;margin-bottom:4px}.model-info{font-size:10px;padding:6px 10px;bottom:70px}}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;width:48px;height:48px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;align-items:center;justify-content:center;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s}body:not(.light-mode) .mobile-menu-toggle{background:rgba(15,29,53,0.85)}.mobile-menu-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,0.4)}.mobile-menu-toggle svg{width:24px;height:24px;stroke:var(--accent-primary)}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;opacity:0;transition:opacity 0.3s}.mobile-overlay.show{display:block;opacity:1}@media (max-width:1024px){.mobile-overlay{display:none}.mobile-overlay.show{display:block}}.parts-panel{display:none;margin-bottom:16px}.parts-panel.show{display:block}.parts-list{max-height:200px;overflow-y:auto;background:rgba(37,99,235,0.05);border:1px solid var(--border-color);border-radius:8px;padding:8px}.parts-list::-webkit-scrollbar{width:4px}.parts-list::-webkit-scrollbar-track{background:var(--bg-tertiary)}.parts-list::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:2px}.part-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin-bottom:6px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);transition:all 0.2s}.part-item:last-child{margin-bottom:0}.part-item:hover{border-color:var(--accent-primary);background:rgba(37,99,235,0.1)}.part-name{font-size:12px;color:var(--text-primary);font-weight:500;flex:1;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-btn{padding:4px 12px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;border-radius:4px;color:white;font-size:11px;font-weight:600;cursor:pointer;transition:all 0.2s}.part-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(37,99,235,0.3)}.btn-secondary{background:rgba(37,99,235,0.1) !important;color:var(--accent-primary) !important;border:1px solid var(--border-color) !important}.btn-secondary:hover{background:rgba(37,99,235,0.2) !important;border-color:var(--accent-primary) !important}.part-info{position:absolute;bottom:90px;right:20px;background:rgba(15,29,53,0.9);backdrop-filter:blur(10px);border:2px solid var(--accent-primary);border-radius:12px;padding:12px 20px;font-size:12px;color:var(--text-secondary);box-shadow:0 4px 12px rgba(37,99,235,0.4);opacity:0;pointer-events:none;transition:opacity 0.3s;max-width:350px}body.light-mode .part-info{background:rgba(255,255,255,0.95);box-shadow:0 4px 12px rgba(37,99,235,0.2)}.part-info.show{opacity:1}.part-info strong{color:var(--accent-primary);font-weight:600}.notification{position:absolute;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:rgba(37,99,235,0.95);backdrop-filter:blur(10px);padding:14px 28px;border-radius:10px;color:white;font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(37,99,235,0.6);opacity:0;transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:2000;max-width:450px;text-align:center}.notification.show{opacity:1;transform:translateX(-50%) translateY(0)}.format-badge-special{background:rgba(245,158,11,0.15) !important;border-color:rgba(245,158,11,0.4) !important;color:#f59e0b !important;position:relative}.format-badge-special::after{content:' *';font-weight:700}.stats-panel .stat-item:nth-child(2){padding-bottom:10px;border-bottom:1px solid var(--border-color);margin-bottom:10px}@media (max-width:1024px){.part-info{right:10px;bottom:75px;font-size:11px;padding:10px 16px;max-width:280px}.parts-list{max-height:150px}.notification{max-width:350px;font-size:13px;padding:12px 24px}}@media (max-width:768px){.part-info{bottom:65px;font-size:10px;padding:8px 14px;max-width:220px}.part-item{padding:6px 8px;margin-bottom:4px}.part-name{font-size:11px}.part-btn{padding:3px 10px;font-size:10px}.notification{max-width:280px;font-size:12px;padding:10px 20px}}@media (max-width:480px){.part-info{bottom:68px;right:8px;left:8px;font-size:9px;padding:6px 10px;max-width:none}.parts-list{max-height:120px}.notification{max-width:calc(100% - 30px);font-size:11px;padding:8px 16px}}