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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.capture-controls{align-items:center;display:flex;gap:10px;padding:10px}.control-button{align-items:center;background:#ffffffe6;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px;z-index:1}.control-button:hover{background:#fff;transform:scale(1.05)}.control-button:disabled{cursor:not-allowed;opacity:.5}.zoom-controls{display:flex;gap:5px}.joystick-container{position:relative}.joystick-controls{grid-gap:8px;animation:popUp .2s ease-out;background:#fffffff2;border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 4px 15px #00000026;display:grid;gap:8px;grid-template-areas:". up ." "left . right" ". down .";left:50%;padding:15px;position:absolute;transform:translateX(-50%);z-index:100}@keyframes popUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.joystick-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;transition:all .2s ease;width:35px}.joystick-button:hover{background:#f0f0f0;box-shadow:0 2px 8px #0000001a;transform:scale(1.1)}.joystick-button:active{transform:scale(.95)}.joystick-button.up{grid-area:up}.joystick-button.down{grid-area:down}.joystick-button.left{grid-area:left}.joystick-button.right{grid-area:right}.pose-overlay video{display:none}.container{margin:0;padding:0}.control-panel{padding:10px;pointer-events:auto}body{overflow:hidden;padding:0}.container{height:100vh;overflow:hidden;width:100%}.ar-container{height:100%;left:0;position:absolute;top:0;width:100%}.control-panel{bottom:20px;gap:1rem;justify-content:center;padding:1rem}.button-container,.control-panel{display:flex;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.button-container{bottom:30px;gap:10px}.ar-button,.back-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.back-button{align-items:center;background-color:#2c3e50;display:flex;gap:8px}.back-button:hover{background-color:#34495e}.start-ar{background-color:#27ae60}.start-ar:hover{background-color:#2ecc71}.stop-ar{background-color:#e74c3c}.stop-ar:hover{background-color:#c0392b}.filter-dropdown{background-color:#fff;border:2px solid #ddd;border-radius:8px;bottom:30px;cursor:pointer;font-size:16px;left:50%;outline:none;padding:8px 16px;position:fixed;transform:translateX(-50%);transition:border-color .3s;z-index:1000}.filter-dropdown:hover{border-color:#999}.filter-dropdown:focus{border-color:#666;box-shadow:0 0 5px #0000001a}video{object-fit:cover}canvas,video{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.error-container{align-items:center;display:flex;justify-content:center;min-height:200px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;display:flex;flex-direction:column;gap:1rem;margin:1rem;padding:1rem;text-align:center}.retry-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.5rem 1rem}.retry-button:hover{background-color:#c82333}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.control-buttons{background-color:#f5f5f5;border-bottom:1px solid #ddd;padding:20px}.container{flex:1 1;position:relative}#container{height:100vh;overflow:hidden;position:relative;width:100vw}#control{left:0;position:fixed;top:0;z-index:2}body{margin:0}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.5cdc091d.css.map*/