@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--bg-base:#101013;--bg-panel:#16161a;--bg-input:#1f1f24;--bg-hover:#1c1c22;--bg-active:#202028;--section-bg:#0a0a0c;--border:#2a2a31;--border-subtle:#27272a;--border-strong:#3f3f46;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-faint:#52525b;--accent:#3b82f6;--accent-purple:#a78bfa;--accent-blue:#4a9eff;--accent-red:#ef4444;--scrollbar:#27272a;--scrollbar-hover:#3f3f46;--toolbar-bg:#0c0c0fbf;--toolbar-active-bg:#18181be6}[data-theme=light]{--bg-base:#f8f8fa;--bg-panel:#fff;--bg-input:#f0f0f3;--bg-hover:#ebebf0;--bg-active:#e4e4ea;--section-bg:#e6e6ea;--border:#d4d4d8;--border-subtle:#e0e0e4;--border-strong:#a1a1aa;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--text-faint:#a1a1aa;--accent:#2563eb;--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-red:#dc2626;--scrollbar:#c4c4c8;--scrollbar-hover:#a1a1aa;--toolbar-bg:#ffffffd9;--toolbar-active-bg:#f0f0f3f2}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);width:100%;height:100%;color:var(--text-secondary);-webkit-font-smoothing:antialiased;font-family:Geist,-apple-system,sans-serif;font-size:13px;overflow:hidden}.app{width:100%;height:100%;display:flex;position:relative}.outliner{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;width:248px;min-width:248px;height:100%;display:flex;overflow:hidden}.outliner-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;display:flex}.outliner-title{color:var(--text-faint);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:500}.outliner-project-select{color:var(--text-faint);letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:3px;outline:none;flex:0 auto;min-width:0;padding:1px 4px;font-size:11px;font-weight:500}.outliner-project-select:hover{border-color:var(--border);color:var(--text-primary)}.outliner-project-select option{background:var(--bg-panel);color:var(--text-primary)}.outliner-actions{flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.outliner.collapsed{width:34px;min-width:34px}.outliner-collapse{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.outliner-collapse:hover{color:var(--text-primary);background:var(--bg-hover)}.tree-vis.tree-vis-show{opacity:1}.outliner-tree{flex:1;padding:4px 0;overflow-y:auto}.outliner-footer{border-top:1px solid var(--border);flex-shrink:0;padding:8px 10px}.project-tree{-webkit-user-select:none;user-select:none}.tree-group{-webkit-user-select:none;user-select:none;align-items:center;gap:4px;height:24px;margin-top:2px;padding:0 8px;display:flex}.tree-group-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);flex:1;font-size:10px;font-weight:600}.tree-item{cursor:pointer;align-items:center;gap:6px;height:32px;padding-right:8px;transition:background .1s;display:flex}.tree-item:hover{background:var(--bg-hover)}.tree-item-selected{background:var(--bg-active)}.tree-item-selected .tree-label{color:var(--accent-blue)}.tree-icon{color:#0c0f13;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:8px;font-size:11px;font-weight:700;display:flex}.tree-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.tree-sub{color:var(--text-faint);font-family:Geist Mono,monospace;font-size:10px}.tree-vis{width:22px;height:22px;color:var(--text-faint);cursor:pointer;opacity:0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .1s,color .1s;display:flex}.tree-item:hover .tree-vis,.tree-item-selected .tree-vis{opacity:1}.tree-vis:hover{color:var(--text-primary);background:var(--bg-input)}.tree-item.hidden .tree-label,.tree-item.hidden .tree-icon{opacity:.42}.editor-toolbar{border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;align-items:center;gap:6px;height:40px;padding:0 10px;display:flex}.toolbar-label{color:var(--text-muted);margin:0 auto;font-size:12px}.toolbar-label b{color:var(--accent-blue);font-weight:600}.viewport{background:var(--bg-base);flex-direction:column;flex:1;min-width:0;display:flex}.vp-canvas{flex:1;position:relative;overflow:hidden}.scene-svg{width:100%;height:100%;display:block}.scene-obj{cursor:pointer}.vp-hud{color:var(--text-muted);background:var(--toolbar-bg);border:1px solid var(--border);border-radius:5px;padding:4px 9px;font-family:Geist Mono,monospace;font-size:11px;position:absolute;bottom:10px;left:12px}.vp-hud b{color:var(--accent-blue);font-weight:600}.inspector{z-index:5;background:color-mix(in srgb, var(--bg-panel) 72%, transparent);-webkit-backdrop-filter:blur(10px);border-right:1px solid var(--border);flex-direction:column;width:290px;min-width:290px;height:calc(100% - 65px);margin-top:41px;margin-right:-290px;display:flex;position:relative;overflow-y:auto}.inspector-name{color:var(--text-primary);align-items:center;gap:8px;padding:12px 14px 4px;font-size:15px;font-weight:600;display:flex}.bake-panel{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;width:312px;min-width:312px;height:100%;display:flex;overflow-y:auto}.statusbar{height:24px;color:var(--text-muted);background:var(--toolbar-bg);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:12px;padding:0 14px;font-size:11px;display:flex;position:absolute;bottom:0;left:248px;right:312px}.statusbar .grow{flex:1}.add-menu{z-index:20;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:6px;width:210px;padding:4px;position:absolute;top:28px;right:0;box-shadow:0 12px 32px #00000080}.add-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;gap:8px;padding:7px 9px;font-family:inherit;font-size:12.5px;display:flex}.add-menu button span{color:var(--text-faint);font-size:11px}.add-menu-label{align-items:center;gap:8px;display:flex}.add-menu button>.add-menu-label{color:var(--text-primary);font-size:12.5px}.add-menu button:hover{background:var(--bg-active)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}