:root{--bg-void: #0a0a0f;--bg-surface: #121219;--bg-surface-raised: #17171f;--bg-glass: rgba(22, 22, 32, .62);--bg-glass-strong: rgba(28, 28, 40, .78);--border-hairline: rgba(255, 255, 255, .08);--border-hairline-strong: rgba(255, 255, 255, .14);--accent-violet: #8b5cf6;--accent-blue: #4f8fff;--accent-cyan: #22d3ee;--accent-gradient: linear-gradient(135deg, var(--accent-violet) 0%, var(--accent-blue) 55%, var(--accent-cyan) 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(139, 92, 246, .18) 0%, rgba(79, 143, 255, .14) 55%, rgba(34, 211, 238, .18) 100%);--text-primary: #f1f1f7;--text-secondary: #9a9ab2;--text-tertiary: #5c5c72;--danger: #ff5c7a;--success: #3ddc97;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-fast: .16s;--dur-med: .24s;--dur-slow: .32s;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", ui-sans-serif, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}button{font-family:inherit;color:inherit;cursor:pointer}.app-shell{height:100vh;display:grid;grid-template-rows:48px 1fr;background:radial-gradient(1200px 600px at 15% -10%,rgba(139,92,246,.08),transparent 60%),radial-gradient(1000px 500px at 85% 110%,rgba(34,211,238,.06),transparent 60%),var(--bg-void)}.app-body{display:grid;grid-template-columns:56px 1fr 280px;min-height:0}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--border-hairline)}.top-toolbar{display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--border-hairline);background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:-.01em;padding-right:12px;border-right:1px solid var(--border-hairline);margin-right:4px}.brand-mark{width:20px;height:20px;border-radius:6px;background:var(--accent-gradient)}.brand-name{font-size:13.5px}.brand-sub{color:var(--text-tertiary);font-weight:400}.toolbar-group{display:flex;align-items:center;gap:4px;padding:0 8px;border-right:1px solid var(--border-hairline);height:30px}.toolbar-group:last-of-type{border-right:none}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.toolbar-btn:hover{background:#ffffff0f;color:var(--text-primary)}.toolbar-btn.active{background:var(--accent-gradient-soft);color:var(--text-primary)}.toolbar-spacer{flex:1}.view-mode-pill{display:flex;background:#ffffff0a;border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:2px;gap:2px}.view-mode-pill button{border:none;background:transparent;color:var(--text-secondary);font-size:11.5px;padding:4px 10px;border-radius:8px;transition:all var(--dur-fast) var(--ease-standard)}.view-mode-pill button.active{background:var(--bg-surface-raised);color:var(--text-primary);box-shadow:0 1px 0 var(--border-hairline-strong)}.tools-rail{border-right:1px solid var(--border-hairline);background:var(--bg-surface);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px;overflow-y:auto}.tool-btn{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.tool-btn:hover{background:#ffffff0f;color:var(--text-primary);transform:translateY(-1px)}.tool-btn.active{color:var(--text-primary);background:var(--bg-surface-raised)}.tool-btn.active:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--accent-gradient)}.tool-btn.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);box-shadow:0 0 0 1px #8b5cf659,0 0 16px #4f8fff40;pointer-events:none}.tool-divider{width:22px;height:1px;background:var(--border-hairline);margin:6px 0}.viewport-wrap{position:relative;min-width:0;background:radial-gradient(1400px 900px at 50% 20%,#14141d,#0a0a0f 70%);overflow:hidden}.viewport-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.viewport-hud{position:absolute;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.hud-row{display:flex;justify-content:space-between;align-items:flex-start}.hud-chip{pointer-events:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--text-secondary);background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);padding:6px 10px;display:flex;gap:10px}.hud-chip span b{color:var(--text-primary);font-weight:500}.gizmo-badge{pointer-events:auto;width:84px;height:84px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border-hairline);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.empty-viewport-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:11.5px;color:var(--text-tertiary);pointer-events:none}.inspector{border-left:1px solid var(--border-hairline);background:var(--bg-surface);display:flex;flex-direction:column;overflow-y:auto}.inspector-section{border-bottom:1px solid var(--border-hairline);padding:14px 16px}.inspector-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin:0 0 10px;font-weight:600}.field-row{display:grid;grid-template-columns:18px 1fr 1fr 1fr;gap:6px;align-items:center;margin-bottom:6px}.field-axis{font-size:10px;font-weight:700;text-align:center}.field-axis.x{color:#ff6b8a}.field-axis.y{color:#58e08a}.field-axis.z{color:#58a8ff}.field-input{font-family:var(--font-mono);font-size:11.5px;background:#ffffff08;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);padding:5px 7px;width:100%;transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.field-input:focus{outline:none;border-color:var(--accent-blue);background:#4f8fff0f}.empty-inspector{padding:40px 20px;text-align:center;color:var(--text-tertiary);font-size:12px}.material-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.material-swatch{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border-hairline);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.material-swatch:hover{transform:scale(1.05);border-color:var(--border-hairline-strong)}.material-swatch.selected{box-shadow:0 0 0 2px var(--accent-blue)}.secondary-panel{border-right:1px solid var(--border-hairline);background:var(--bg-glass-strong);display:flex;flex-direction:column;overflow-y:auto;animation:panel-slide-in var(--dur-med) var(--ease-standard)}@keyframes panel-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 0}.preset-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:var(--radius-md);border:1px solid var(--border-hairline);background:#ffffff05;cursor:grab;transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.preset-card:hover{transform:translateY(-2px);border-color:var(--border-hairline-strong);background:#ffffff0d}.preset-card:active{cursor:grabbing}.preset-card span{font-size:10.5px;color:var(--text-secondary)}.preset-swatch{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-hairline-strong)}.preset-hint{font-size:10.5px;color:var(--text-tertiary);padding:10px 14px 4px;line-height:1.4}.daar-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:#ffffff14;outline:none}.daar-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 0 0 3px #8b5cf62e;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard)}.daar-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.daar-slider::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:var(--accent-gradient);cursor:pointer}.timeline-drawer{border-top:1px solid var(--border-hairline);background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;transition:height var(--dur-slow) var(--ease-standard)}.timeline-inner{padding:10px 14px;display:flex;flex-direction:column;gap:8px;height:100%}.timeline-header{display:flex;align-items:center;gap:10px}.timeline-track{position:relative;flex:1;height:30px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border-hairline)}.keyframe-dot{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);background:var(--accent-gradient);border-radius:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#fff3}::-webkit-scrollbar-track{background:transparent}