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{background-color:#f8f8f8;color:#333;font-family:Arial,sans-serif;line-height:1.4;margin:0}.App{margin:0 auto;max-width:1200px;padding:1rem;text-align:center}.App-header{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-top:1rem;padding:1.5rem}h1{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.dropzone{background-color:#f9f9f9;border:2px dashed #27ae60;border-radius:6px;cursor:pointer;margin:1rem auto;padding:1.5rem;transition:all .2s ease;width:70%}.dropzone:hover{background-color:#f0f0f0;border-color:#219653}.process-button,button{background-color:#27ae60;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin:.3rem;padding:.6rem 1.2rem;transition:all .2s ease}.process-button:hover,button:hover{background-color:#219653;box-shadow:0 2px 5px #00000026;transform:translateY(-1px)}.slot-button{background-color:#27ae60!important}.slot-button:hover{background-color:#219653!important}.status{color:#7f8c8d;font-size:.9rem;margin:1rem 0}.output{background-color:#ecf0f1;border-left:3px solid #219653;border-radius:6px;margin:1rem auto;padding:1rem;text-align:left;width:80%}.output h2{border-bottom:1px solid #ddd;color:#2c3e50;font-size:1.2rem;margin:0 0 .5rem;padding-bottom:.3rem}.camera-feed{border-radius:6px;box-shadow:0 2px 8px #0000001a;display:inline-block;margin:1rem 0;max-width:1000px;overflow:hidden;position:relative;width:100%}.camera-stream{display:block;height:auto;width:100%}.camera-select{background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;outline:none;padding:.4rem .8rem;transition:border-color .2s,box-shadow .2s}.camera-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}ul{background:#f5f5f5;border-radius:6px;font-size:.9rem;list-style-type:none;margin:.5rem auto;max-width:500px;padding:.8rem;text-align:left}li{font-family:monospace;padding:.2rem 0}.click-type-selector{background:#2c3e50;border-radius:6px;color:#fff;font-size:.9rem;margin:.8rem 0;padding:.6rem}@media (max-width:768px){.dropzone,.output{padding:1rem;width:90%}.App-header{padding:1rem}h1{font-size:1.3rem}}@media (max-width:1024px){.App-header,.dropzone{padding:1rem}.dropzone{width:85%}.output{font-size:.95rem;width:90%}.process-button,button{font-size:.85rem;padding:.5rem 1rem}ul{font-size:.85rem;width:90%}.camera-feed{max-width:95%}.output h2{font-size:1.1rem}}@media (max-width:767px){h1{font-size:1.1rem}.dropzone{font-size:.9rem;width:95%}.App-header,.dropzone{padding:.8rem}.process-button,button{font-size:.8rem;padding:.5rem .9rem}.output{font-size:.85rem;padding:.8rem;width:95%}.output h2{font-size:1rem}.camera-feed{margin:.5rem 0;max-width:100%}ul{font-size:.8rem;padding:.6rem;width:95%}li{padding:.2rem 0}.click-type-selector{font-size:.85rem;padding:.5rem}}.robot-toggle{background:#f2f4f7;border:1px solid #d0d5dd;border-radius:999px;display:inline-grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:4px;position:relative;width:240px}.robot-option{background:#0000;border:none;border-radius:999px;cursor:pointer;font-weight:600;padding:10px 0;position:relative;transition:color .15s ease,opacity .15s ease,background .15s ease;z-index:1}.robot-option:focus,.robot-option:focus-visible,.robot-option:hover{background:#0000;box-shadow:none;outline:none}.robot-option.active{background:#2eaf5d;border-radius:999px;color:#fff}.robot-option.inactive{background:#fff;color:#2eaf5d;opacity:.8}
/*# sourceMappingURL=main.fadef14b.css.map*/