.app{display:flex;flex-direction:column;height:100vh;background:#2d2d2d;color:#ddd}.top-bar{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#1a1a2e;border-bottom:1px solid #333;flex-shrink:0;height:42px}.top-bar input{background:#16213e;border:1px solid #444;color:#ddd;padding:4px 8px;border-radius:4px;font-size:12px;width:150px}.top-bar button{background:#00b06f;color:#fff;border:none;padding:5px 16px;border-radius:4px;font-weight:600;cursor:pointer;font-size:12px}.top-bar button:hover{background:#00c97e}.main-layout{display:flex;flex:1;overflow:hidden}.explorer{width:240px;background:#252526;border-right:1px solid #333;overflow-y:auto;flex-shrink:0;font-size:12px}.explorer-header{padding:8px 10px;font-weight:700;font-size:13px;background:#1e1e2e;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.tree-node{cursor:pointer;-webkit-user-select:none;user-select:none}.tree-label{display:flex;align-items:center;gap:4px;padding:3px 6px;white-space:nowrap}.tree-label:hover{background:#37373d}.tree-label.selected{background:#094771}.tree-label .icon{font-size:10px;width:14px;text-align:center;color:#888}.tree-children{padding-left:14px}.tree-actions{margin-left:auto;display:flex;gap:2px}.tree-actions button{background:transparent;border:none;color:#888;cursor:pointer;font-size:11px;padding:0 3px;border-radius:2px}.tree-actions button:hover{background:#555;color:#fff}.viewport{flex:1;position:relative;background:#1a1a1a}.properties{width:280px;background:#252526;border-left:1px solid #333;overflow-y:auto;flex-shrink:0;font-size:12px}.properties-header{padding:8px 10px;font-weight:700;font-size:13px;background:#1e1e2e;border-bottom:1px solid #333}.properties-body{padding:10px}.prop-group{margin-bottom:10px}.prop-group label{display:block;font-size:11px;color:#999;margin-bottom:3px}.prop-group input,.prop-group textarea{width:100%;background:#1e1e2e;border:1px solid #444;color:#ddd;padding:4px 6px;border-radius:3px;font-size:12px;font-family:inherit}.prop-group textarea{font-family:Consolas,Courier New,monospace;min-height:150px;resize:vertical}.prop-row{display:flex;gap:6px}.prop-row .prop-group{flex:1}.empty-props{color:#666;padding:20px 10px;text-align:center;font-style:italic}