body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{background-color:#1e1e1e;display:flex;height:100vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100vw}.canvas-container{flex:1 1;position:relative}.canvas{height:100%!important;width:100%!important}.properties-panel{background-color:#2d2d2d;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#ccc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;max-width:320px;min-width:280px;transform:translateZ(0);-webkit-user-select:none;user-select:none;will-change:transform;z-index:1000}.properties-panel h2{background-color:#1a1a1a;border-bottom:1px solid #3d3d3d;border-radius:4px 4px 0 0;color:#fff;cursor:grab;font-size:14px;font-weight:500;margin:0;padding:12px 16px;touch-action:none}.properties-panel h2:active{cursor:grabbing}.property-group{border-bottom:1px solid #3d3d3d;padding:12px 16px}.property-group:last-child{border-bottom:none}.property-group h3{color:#8ab4f8;font-size:12px;font-weight:500;margin:0 0 12px}.draggable-input-group{align-items:center;display:flex;gap:8px;margin-bottom:8px;position:relative}.draggable-input-group:last-child{margin-bottom:0}.draggable-input-group label{color:#888;font-size:11px;font-weight:500;text-transform:uppercase;width:16px}.input-wrapper{display:flex;flex:1 1;position:relative}.draggable-input-group input[type=text]{-webkit-appearance:textfield;appearance:textfield;background-color:#1a1a1a;border:1px solid #3d3d3d;border-radius:2px;color:#fff;cursor:ew-resize;flex:1 1;font-family:Consolas,Monaco,monospace;font-size:11px;min-width:0;padding:4px 8px;touch-action:none;transform:translateZ(0);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;-webkit-user-select:text;user-select:text;will-change:transform}.draggable-input-group input[type=text]:hover{background-color:#222;border-color:#4d4d4d}.draggable-input-group input[type=text]:focus{background-color:#262626;border-color:#8ab4f8;box-shadow:0 0 0 1px #8ab4f8;outline:none;z-index:1}.draggable-input-group input[type=text].dragging{background-color:#2a2a2a;border-color:#8ab4f8;box-shadow:0 0 0 1px #8ab4f8;cursor:ew-resize!important}.draggable-input-group input[type=text].focused{background-color:#262626;border-color:#8ab4f8;box-shadow:0 0 0 1px #8ab4f8}.draggable-input-group input[type=text].input-position{border-left:2px solid #4a9eff}.draggable-input-group input[type=text].input-rotation{border-left:2px solid #ff4a9e}.draggable-input-group input[type=text].input-scale{border-left:2px solid #4aff9e}.draggable-input-group .lock-checkbox{accent-color:#8ab4f8;cursor:pointer;height:14px;margin:0;width:14px}.draggable-input-group .increment-input{cursor:text;flex:none;font-size:10px;padding:4px 6px;width:50px!important}.button-group{display:flex;gap:8px;margin-top:8px}.button-group button{background-color:#1a1a1a;border:1px solid #3d3d3d;border-radius:2px;color:#ccc;cursor:pointer;flex:1 1;font-size:11px;padding:6px 12px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.button-group button:hover{background-color:#2a2a2a;border-color:#4d4d4d}.button-group button:active{background-color:#333;border-color:#8ab4f8}.button-group button.active{background-color:#2a2a2a;border-color:#8ab4f8;color:#8ab4f8}.properties-panel::-webkit-scrollbar{width:8px}.properties-panel::-webkit-scrollbar-track{background:#1a1a1a}.properties-panel::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.properties-panel::-webkit-scrollbar-thumb:hover{background:#4d4d4d}@media (pointer:coarse){.draggable-input-group input[type=text]{font-size:16px;padding:8px}.button-group button{font-size:14px;padding:12px}}.draggable-input-group input[type=text]:focus-visible{outline:2px solid #8ab4f8;outline-offset:1px}.draggable-input-group input[type=text],.properties-panel{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000;transform-style:preserve-3d}
/*# sourceMappingURL=main.64d52e5f.css.map*/