:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-panel: #1e1e32;--bg-panel-header: #252540;--bg-input: #12122a;--bg-hover: #2a2a4a;--bg-active: #3a3a5c;--bg-canvas: #121220;--text-primary: #e0e0e8;--text-secondary: #8888a8;--text-muted: #555570;--accent: #6366f1;--accent-hover: #818cf8;--accent-dim: #4f46e5;--border: #2a2a44;--border-focus: #6366f1;--gizmo-x: #ef4444;--gizmo-y: #22c55e;--gizmo-z: #3b82f6;--gizmo-rotate: #f59e0b;--gizmo-scale: #8b5cf6;--handle-anchor: #ffffff;--handle-control: #6366f1;--handle-line: #6366f180;--curve-stroke: #e0e0e8;--selection-box: #6366f1;--panel-width: 260px;--topbar-height: 40px;--statusbar-height: 28px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--font-size-sm: 11px;--font-size-base: 13px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{background:none;border:none;cursor:pointer;color:inherit;font:inherit}canvas{display:block;outline:none}@keyframes webkit-blur-refresh{0%{transform:translateZ(0)}to{transform:translateZ(.001px)}}.side-menu{position:fixed;left:15px;top:26px;z-index:1000}.menu-container{display:flex;flex-direction:column;align-items:flex-start}.menu-groups{position:fixed;left:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;opacity:1;transition:opacity .2s ease,transform .2s ease;animation:slideInLeft .5s ease-out}.menu-group{display:flex;flex-direction:column;align-items:center;gap:7px;background:#1e1e32d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;padding:5px;width:40px;-webkit-animation:webkit-blur-refresh 1ms infinite alternate;animation:webkit-blur-refresh 1ms infinite alternate;will-change:transform}.menu-item{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#ffffff14;cursor:pointer;transition:background .2s ease;overflow:visible}.menu-item:hover{background:#ffffff26}.menu-item.active{background:#e0e0e8}.menu-icon{display:flex;align-items:center;justify-content:center}.menu-icon img{width:18px;height:18px;filter:brightness(0) invert(1);transition:filter .2s ease}.menu-item.active .menu-icon img{filter:brightness(0)}.menu-tooltip{position:absolute;left:44px;white-space:nowrap;background:#1e1e32f2;color:#e0e0e8;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 4px 24px #0000004d;opacity:0;visibility:hidden;transform:translate(-6px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;pointer-events:none;z-index:10}.menu-tooltip.visible{opacity:1;visibility:visible;transform:translate(0)}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media(max-width:768px){.side-menu,.menu-groups{left:10px}.menu-group{padding:4px;gap:3px}.menu-item{width:26px;height:26px}.menu-icon img{width:15px;height:15px}}