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}body{align-items:center;background-color:#f4f4f9;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.App{box-sizing:border-box;max-width:800px;padding:20px;text-align:center;width:100%}.camera-container{margin:0 auto;max-width:640px;position:relative;width:100%}canvas,video{border:1px solid #ccc;border-radius:8px;height:auto;width:100%}canvas{left:0;position:absolute;top:0}.controls{margin-top:20px}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px}button:hover{background-color:#0056b3}.results-panel{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:15px;text-align:left}@media (max-width:768px){.App{padding:10px}button{margin:5px 0;width:100%}}