.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-header{background-color:#282c34;padding:40px;border-radius:10px;color:#fff;box-shadow:0 4px 6px #0000001a}h1{margin-bottom:30px;color:#61dafb}.counter{margin-top:20px}.counter p{font-size:24px;margin-bottom:20px}button{background-color:#61dafb;border:none;color:#282c34;padding:12px 24px;margin:5px;font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#4fa8c5}button:active{transform:scale(.98)}.controls-container{flex-wrap:wrap!important;gap:8px!important;padding:0 10px;bottom:60px!important}.shape-button{padding:8px 15px!important;font-size:12px!important}.zoom-controls,.rotation-controls{margin-left:10px!important}.zoom-controls button,.rotation-controls button{padding:8px 12px!important;font-size:16px!important}.status-panel{max-width:280px!important;padding:12px!important;font-size:11px!important}.status-panel>div{font-size:12px!important}.debug-video{width:150px!important;height:112px!important;top:10px!important;right:10px!important}@media (max-width: 768px){.controls-container{bottom:50px!important;gap:6px!important}.shape-button{padding:6px 12px!important;font-size:11px!important}.zoom-controls,.rotation-controls{margin-left:8px!important}.zoom-controls button,.rotation-controls button{padding:6px 10px!important;font-size:14px!important}.status-panel{max-width:250px!important;padding:10px!important;font-size:10px!important;top:10px!important;left:10px!important}.status-panel>div{font-size:11px!important}.status-panel div[style*="fontSize: '11px'"]{font-size:9px!important}.debug-video{width:120px!important;height:90px!important}}@media (max-width: 480px){.controls-container{bottom:40px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 20px)!important;gap:5px!important;justify-content:center!important}.shape-button{padding:5px 10px!important;font-size:10px!important;flex:1 1 auto;min-width:60px}.zoom-controls,.rotation-controls{margin-left:5px!important;gap:3px!important}.zoom-controls button,.rotation-controls button{padding:5px 8px!important;font-size:12px!important}.status-panel{max-width:calc(100% - 20px)!important;width:calc(100% - 20px)!important;padding:8px!important;font-size:9px!important;top:10px!important;left:10px!important;right:10px!important}.status-panel>div{font-size:10px!important;margin-bottom:8px!important}.status-panel div[style*="fontSize: '11px'"],.status-panel div[style*="fontSize: '10px'"]{font-size:8px!important}.debug-video{width:100px!important;height:75px!important;top:5px!important;right:5px!important}}@media (max-width: 360px){.shape-button{font-size:9px!important;padding:4px 8px!important}.status-panel{font-size:8px!important;padding:6px!important}.status-panel>div{font-size:9px!important}}.footer{bottom:10px!important}.footer a{transition:color .3s}.footer a:hover{color:#fff!important}.footer img{transition:transform .3s}.footer a:hover img{transform:scale(1.1)}@media (max-width: 768px){.footer{bottom:5px!important}.footer a{font-size:11px!important;gap:6px!important}.footer img{width:20px!important;height:20px!important}}@media (max-width: 480px){.footer{bottom:5px!important}.footer a{font-size:10px!important;gap:5px!important}.footer img{width:18px!important;height:18px!important}.footer span{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}