.square-group[data-v-f2d23e9f]{cursor:pointer}.hover-overlay[data-v-f2d23e9f]{transition:fill-opacity .2s ease}.square-group:hover .hover-overlay[data-v-f2d23e9f]{fill-opacity:.1}html,body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.container{position:relative;width:100%;height:100%}svg{width:100%;height:100%;aspect-ratio:1 / 1}.controls{position:fixed;top:20px;right:20px;display:flex;gap:10px}.control-button,.reset-button{display:flex;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;background-color:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;transition:all .3s ease}.control-button:hover,.reset-button:hover{background-color:#000;color:#fff}#app{width:100%;height:100%}