.uip-wrap{display:flex;flex-direction:column;height:100%;background:var(--bg-base);border-top:1px solid var(--border);overflow:hidden}.uip-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:6.5px 10px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.uip-toolbar .tool-group{display:flex;align-items:center;gap:4px}.uip-toolbar .toolbar-sep{width:1px;height:24px;background:var(--border);margin:0 5px;flex-shrink:0}.uip-toolbar .tool-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.uip-toolbar .tool-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;min-height:34px;padding:6px 10px;line-height:1;transition:all .1s;font-family:var(--font-mono);white-space:nowrap}.uip-toolbar .tool-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.uip-toolbar .tool-btn.active{background:#8cc43c26;color:var(--accent-teal);border-color:var(--accent-teal-dim)}.uip-toolbar .tool-btn.accent{color:var(--accent-teal);border-color:var(--accent-teal-dim)}.uip-toolbar .tbicon{width:22px;height:22px;display:block;pointer-events:none}.uip-toolbar .tool-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.8125rem;padding:4px 6px;outline:none;height:30px}.uip-hint{margin-left:auto;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);white-space:nowrap}.uip-hint kbd{display:inline-block;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:3px;padding:0 4px;font-family:var(--font-mono);font-size:.625rem;color:var(--text-secondary)}.uip-add-wrap{position:relative}.uip-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:100;background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.25rem 0;min-width:180px}.uip-dropdown.open{display:block}.uip-dropdown button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.8125rem;padding:.3rem .75rem;cursor:pointer;transition:background .1s,color .1s}.uip-dropdown button:hover{background:var(--bg-elevated);color:var(--text-primary)}.uip-dropdown-label{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:.4rem .75rem .15rem}.uip-canvas-wrap{position:relative;overflow:hidden;background:#0c0d0e;flex:1;min-height:0}#uip-canvas{width:100%;height:100%;display:block}.uip-inspector{position:absolute;top:.75rem;right:.75rem;width:250px;z-index:50;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:calc(100% - 1.5rem);display:flex;flex-direction:column}.uip-insp-body{overflow-y:auto;max-height:480px}.uip-inspector .field{margin-bottom:.5rem}.uip-inspector .field label{font-size:.625rem}.uip-inspector .field input,.uip-inspector .field select{font-size:.8125rem;padding:3px 6px}.uip-inspector .field input[type=color]{width:100%;height:26px;padding:0;border:1px solid var(--border);cursor:pointer}.uip-insp-row{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.uip-insp-actions{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.uip-insp-actions .btn{font-size:.6875rem;padding:2px 8px}.uip-insp-section-label{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:.5rem;margin-bottom:.25rem}.uip-insp-align-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.uip-insp-align-grid .btn{font-size:.6875rem;padding:3px 6px;justify-content:flex-start}.uip-align-bar{display:contents}.uip-scene-tree{position:absolute;top:.75rem;left:.75rem;width:190px;z-index:50;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:calc(100% - 1.5rem);display:flex;flex-direction:column}.uip-tree-body{overflow-y:auto;max-height:400px;padding:.25rem 0}.uip-tree-item{display:flex;align-items:center;gap:.375rem;padding:.2rem .5rem;cursor:pointer;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary);user-select:none;transition:background .08s,color .08s;border-top:2px solid transparent}.uip-tree-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.uip-tree-item.selected{background:#8cc43c1a;color:var(--accent-teal)}.uip-tree-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.uip-tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uip-tree-item.drag-over{border-top-color:var(--accent-teal)}@media(max-width:768px){.uip-inspector{width:220px}.uip-scene-tree{width:160px}.uip-hint{display:none}}