:root{--bg-dark: #1e1e1e;--bg-panel: #252526;--bg-input: #3c3c3c;--border: #3e3e42;--accent: #155dfc;--accent-hover: #3374ff;--text-main: #cccccc;--text-muted: #858585;--selection: #094771;--drag-over: #3d3d40}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:Segoe UI,Tahoma,sans-serif;background-color:var(--bg-dark);color:var(--text-main);margin:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}#toolbar{height:45px;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 15px;gap:12px;z-index:100}.btn{background:var(--bg-input);border:1px solid var(--border);color:#fff;padding:6px 12px;border-radius:3px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:8px;transition:background .2s}.btn:hover{background:#4a4a4a}.btn:active{background:#2a2a2a}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn i{font-size:14px}.separator{width:1px;height:24px;background:var(--border);margin:0 5px}#studio-container{display:flex;flex:1;height:calc(100vh - 45px)}#explorer{width:280px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column}.panel-header{padding:8px 12px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#2d2d2d;border-bottom:1px solid var(--border)}#tree-view{flex:1;overflow-y:auto;padding:5px 0;min-height:50px}.tree-item{padding:4px 8px;cursor:pointer;display:flex;align-items:center;font-size:13px;color:#d4d4d4;border:1px solid transparent}.tree-item:hover{background:#2a2d2e}.tree-item.selected{background:var(--selection);color:#fff}.tree-item.drag-over{background:var(--drag-over);border:1px dashed var(--accent)}.tree-icon{margin-right:8px;width:16px;text-align:center;color:#a0a0a0}.tree-item.selected .tree-icon{color:#fff}#viewport-wrapper{flex:1;background:#111;position:relative;overflow:auto;background-image:linear-gradient(#1a1a1a 1px,transparent 1px),linear-gradient(90deg,#1a1a1a 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:center;justify-content:center}#game-canvas{width:1280px;height:720px;background:#333;position:relative;box-shadow:0 0 50px #00000080;flex-shrink:0;transform-origin:center center;transition:transform .1s ease-out}#inspector{width:300px;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.prop-group{border-bottom:1px solid var(--border);padding-bottom:8px}.prop-header{padding:8px 12px;font-weight:700;background:#2d2d2d;font-size:12px;margin-bottom:4px;color:#a0a0a0}.prop-row{display:flex;align-items:center;padding:4px 12px;font-size:12px}.prop-label{width:100px;color:#a0a0a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-value{flex:1;display:flex;gap:4px}input,select{background:var(--bg-input);border:1px solid var(--border);color:#fff;padding:4px 6px;width:100%;border-radius:2px;font-size:12px}input:focus{outline:1px solid var(--accent);border-color:var(--accent)}input[type=color]{height:24px;padding:0;width:40px;border:none;cursor:pointer}input[type=checkbox]{width:auto}.ui-node{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:default}.ui-node.selected{outline:2px solid var(--accent);z-index:1000!important}.handle{width:8px;height:8px;background:#fff;border:1px solid var(--accent);position:absolute;z-index:1001;display:none}.selected>.handle{display:block}.h-se{bottom:-4px;right:-4px;cursor:se-resize}.node-UILabel span,.node-UIButton span{pointer-events:none}