*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}#canvas{display:block;width:100%;height:100%}.dg .selected-object{background-color:#4a9eff4d!important}.dg .selected-object .property-name{color:#4a9eff!important}.dg .delete-button .property-name{color:#ff6b6b!important}.dg .delete-button:hover{background-color:#ff6b6b33!important}.toolbar{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:8px;background:#1e1e1ee6;border-radius:8px;box-shadow:0 2px 10px #0000004d;z-index:100;-webkit-user-select:none;user-select:none}.toolbar-group{display:flex;gap:4px}.toolbar-divider{width:1px;background:#fff3;margin:4px 8px}.tool-button{width:36px;height:36px;border:none;border-radius:4px;background:transparent;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:18px;padding:0}.tool-button:hover{background:#ffffff1a;color:#fff}.tool-button.active{background:#4a9eff;color:#fff}.tool-button.toggle-active{background:#4a9eff4d;color:#4a9eff}.tool-button:disabled{opacity:.4;cursor:not-allowed}.tool-button svg{width:20px;height:20px;fill:currentColor}.tool-button[title]:hover:after{content:attr(title);position:absolute;bottom:-28px;left:50%;transform:translate(-50%);padding:4px 8px;background:#000c;color:#fff;font-size:11px;border-radius:4px;white-space:nowrap;pointer-events:none}