:root{--color-bg:#1a1a1a;--color-bg-alt:#1f1f1f;--color-bg-elevated:#2a2a2a;--color-bg-surface:#0003;--color-bg-surface-hover:#444;--color-panel:#0003;--color-panel-dark:#000000f2;--color-border:#4a9eff00;--color-border-subtle:#3a3a3a;--color-border-surface:#555;--color-text:#fff;--color-text-muted:#ccc;--color-text-dim:#9e9e9e;--color-text-faint:#888;--color-text-ghost:#rgba(0, 0, 0, .2);--color-accent:#4a9eff;--color-accent-2:#00d4ff;--color-accent-bg:#4a9eff33;--color-accent-bg-subtle:#4a9eff1a;--color-accent-drag:#4a9eff4d;--color-accent-resize:#4a9eff73;--font-ui:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono:"Courier New", monospace;--font-xs:.7rem;--font-sm:.8rem;--font-base:.9rem;--font-lg:1.1rem;--font-xl:2.5rem;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:15px;--space-8:20px;--radius-sm:2px;--radius:4px;--radius-md:6px;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);overflow:hidden}#container{width:100vw;height:100vh;position:relative}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0}canvas{cursor:default;display:block}#loading-screen{background:var(--color-bg);z-index:10000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out;display:flex;position:absolute;top:0;left:0}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-logo{font-size:var(--font-xl);color:var(--color-accent);margin-bottom:2rem;font-weight:300}.loading-progress{background:var(--color-bg-surface);border-radius:var(--radius-sm);width:300px;height:4px;margin-bottom:1rem;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-2));width:0%;height:100%;transition:width .3s}.loading-text{font-size:var(--font-base);color:var(--color-text-faint)}#toolbar{top:var(--space-8);left:var(--space-8);gap:var(--space-5);z-index:1000;display:flex;position:absolute}.toolbar-button{background:var(--color-panel);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-5) var(--space-8);border-radius:var(--radius);cursor:pointer;font-size:var(--font-base);transition:var(--transition)}.toolbar-button:hover{background:var(--color-accent-bg);border-color:var(--color-accent)}.toolbar-button.active{background:var(--color-accent);border-color:var(--color-accent)}#fps-monitor{top:var(--space-8);right:var(--space-8);background:var(--color-panel);border:1px solid var(--color-border);padding:var(--space-5);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--font-sm);z-index:1000;display:none;position:absolute}#debug-console{background:var(--color-panel-dark);border-top:1px solid var(--color-border);z-index:1000;flex-direction:column;width:100%;height:300px;display:none;position:absolute;bottom:0;left:0}#console-output{padding:var(--space-5);font-family:var(--font-mono);font-size:var(--font-sm);white-space:pre-wrap;flex:1;overflow-y:auto}#console-input{background:var(--color-bg-elevated);color:var(--color-text);padding:var(--space-5);font-family:var(--font-mono);font-size:var(--font-sm);border:none;border-top:1px solid var(--color-border);outline:none}.ui-panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);z-index:2000;min-width:250px;max-height:80vh;display:none;position:absolute;overflow:hidden}.ui-panel.folded{min-width:auto}.ui-panel.folded .panel-content{display:none}.panel-header{background:var(--color-bg-elevated);padding:var(--space-5);border-bottom:1px solid var(--color-border);cursor:move;user-select:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.panel-title{flex:1}.panel-fold-button{color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-sm);transition:var(--transition);user-select:none;background:0 0;border:none}.panel-fold-button:hover{color:var(--color-text);background:#ffffff1a}.panel-content{padding:var(--space-5);max-height:70vh;overflow-y:auto}#hierarchy-panel{top:80px;left:var(--space-8)}#inspector-panel{top:80px;right:var(--space-8);width:280px;min-width:240px;max-width:min(80vw,720px)}#inspector-panel .panel-resize-handle{cursor:ew-resize;z-index:5;width:8px;height:100%;position:absolute;top:0;left:0}#inspector-panel .panel-resize-handle:after{content:"";left:3px;top:var(--space-4);bottom:var(--space-4);background:var(--color-accent-resize);opacity:0;width:2px;transition:opacity .2s;position:absolute}#inspector-panel:hover .panel-resize-handle:after{opacity:1}#prefab-browser{bottom:var(--space-8);left:var(--space-8);min-width:400px}#object-hover-tooltip{color:var(--color-text);border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:var(--space-3) var(--space-5);font-size:var(--font-sm);letter-spacing:.03em;pointer-events:none;white-space:nowrap;z-index:2100;background:#0a0a0aeb;display:none;position:fixed;top:0;left:0;box-shadow:0 6px 18px #00000059}.prefab-search{margin-bottom:var(--space-5);align-items:center;display:flex;position:relative}.prefab-search input{width:100%;padding:var(--space-3) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border-surface);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-sm);transition:var(--transition);outline:none;padding-right:30px}.prefab-search input:focus{border-color:var(--color-accent)}.prefab-search-clear{color:var(--color-text-muted);cursor:pointer;font-size:var(--font-sm);padding:var(--space-2);background:0 0;border:none;line-height:1;display:none;position:absolute;right:6px}.prefab-search-clear.visible{display:block}.prefab-search-clear:hover{color:var(--color-text)}.prefab-categories{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.category-button{background:var(--color-bg-surface);border:1px solid var(--color-border-surface);color:var(--color-text);padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);transition:var(--transition)}.category-button:hover{background:var(--color-bg-surface-hover);border-color:var(--color-accent)}.category-button.active{background:var(--color-accent);border-color:var(--color-accent)}.prefab-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:300px;display:grid;overflow-y:auto}.prefab-item{background:var(--color-bg-surface);border:1px solid var(--color-border-surface);border-radius:var(--radius);padding:var(--space-5);text-align:center;cursor:pointer;transition:var(--transition);position:relative}.prefab-item:hover{background:var(--color-bg-surface-hover);border-color:var(--color-accent)}.prefab-item.selected{background:var(--color-accent);border-color:var(--color-accent)}.prefab-preview{background:var(--color-text-ghost);border-radius:var(--radius);width:50px;height:50px;margin:0 auto var(--space-2);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.prefab-name{font-size:var(--font-xs);color:var(--color-text-muted)}.hierarchy-item{padding:var(--space-2) var(--space-2);cursor:pointer;border-radius:var(--radius-sm);align-items:center;margin:1px 0;display:flex;position:relative}.hierarchy-item:hover{background:var(--color-accent-bg)}.hierarchy-item.selected{background:var(--color-accent)}.hierarchy-item.drop-before:before,.hierarchy-item.drop-after:after{content:"";background:var(--color-accent);height:2px;position:absolute;left:0;right:0}.hierarchy-item.drop-before:before{top:-1px}.hierarchy-item.drop-after:after{bottom:-1px}.hierarchy-item.drag-over{background:var(--color-accent-drag);box-shadow:inset 0 0 0 2px var(--color-accent)}.hierarchy-icon{text-align:center;width:16px;margin-right:var(--space-2);font-size:var(--font-sm)}.hierarchy-name{font-size:var(--font-sm);flex:1}.hierarchy-empty{text-align:center;color:var(--color-text-ghost);font-size:var(--font-sm);padding:var(--space-8);font-style:italic}.hierarchy-group{margin-bottom:var(--space-2)}.hierarchy-group-header{padding:var(--space-2);background:var(--color-accent-bg-subtle);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:var(--font-sm);margin-bottom:var(--space-1);align-items:center;display:flex}.hierarchy-group-header:hover{background:var(--color-accent-bg)}.hierarchy-expand-icon{text-align:center;width:16px;margin-right:var(--space-2);font-size:var(--font-xs);user-select:none}.hierarchy-group-name{color:var(--color-accent)}.hierarchy-group-content{margin-left:15px}.hierarchy-visibility{cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-xs);margin-left:auto}.hierarchy-visibility:hover{background:#ffffff1a}.inspector-section{margin-bottom:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius)}.inspector-header{background:var(--color-bg-surface);padding:var(--space-4);font-weight:500;font-size:var(--font-base);border-bottom:1px solid var(--color-border)}.inspector-content{padding:var(--space-5)}.property-group{margin-bottom:var(--space-5)}.property-label{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.property-input{background:var(--color-bg-surface);border:1px solid var(--color-border-surface);width:100%;color:var(--color-text);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-sm)}.property-input:focus{border-color:var(--color-accent);outline:none}.vector-inputs{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}#context-menu{background:var(--color-panel-dark);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);z-index:3000;display:none;position:absolute}.context-item{padding:var(--space-2) var(--space-5);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-sm);white-space:nowrap}.context-item:hover{background:var(--color-accent)}.svelte-flow{width:100%;height:100%}.graph-page{background:var(--color-bg);width:100vw;height:100vh;color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.graph-toolbar{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-8);background:var(--color-panel);border-bottom:1px solid var(--color-border);z-index:10;flex-shrink:0;display:flex}.graph-toolbar h2{font-size:var(--font-lg);color:var(--color-accent);margin-right:auto;font-weight:400}.graph-canvas{flex:1;position:relative}.graph-node{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);min-width:140px;font-family:var(--font-ui);font-size:var(--font-sm);color:var(--color-text)}.graph-node.selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.graph-node-header{font-weight:600;font-size:var(--font-base);margin-bottom:var(--space-3);color:var(--color-accent);align-items:center;gap:var(--space-3);display:flex}.graph-node-type{font-size:var(--font-xs);color:var(--color-text-dim);background:var(--color-bg-surface);padding:1px var(--space-3);border-radius:var(--radius-sm);font-weight:400}.graph-node-props{gap:var(--space-2);flex-direction:column;display:flex}.graph-node-prop{font-size:var(--font-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.graph-node-prop span{color:var(--color-text-dim)}:root{--xy-background-color-default:var(--color-bg);--xy-node-background-color-default:var(--color-panel);--xy-node-border-default:1px solid var(--color-border);--xy-node-color-default:var(--color-text);--xy-edge-stroke-default:var(--color-accent);--xy-handle-background-color-default:var(--color-accent);--xy-handle-border-color-default:var(--color-bg);--xy-minimap-background-color-default:var(--color-bg-elevated);--xy-controls-button-background-color-default:var(--color-panel);--xy-controls-button-color-default:var(--color-text);--xy-controls-button-border-color-default:var(--color-border);--xy-controls-button-background-color-hover-default:var(--color-bg-surface)}