body{background-color:#f4f4f4;display:flex;flex-direction:column;font-family:sans-serif;margin:0;min-height:100vh}.app-wrapper{flex-direction:column}.app-header,.app-wrapper{align-items:center;display:flex;width:100%}.app-header{background-color:#f0f0f0;border-bottom:1px solid #ddd;box-sizing:border-box;justify-content:space-around;padding:15px;text-align:center}.header-content{text-align:left}.app-header p{margin-block:.5em}.app-header h1{font-size:24px;margin-bottom:0;margin-top:.5em}.social-links{align-items:center;display:flex}.social-links a{color:#333;margin-inline:10px}.app-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1em auto;max-width:700px;padding:30px;position:relative;text-align:center;width:90%}.settings-icon{align-items:center;background-color:#007bff;border-bottom-right-radius:8px;border-top-right-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:flex-end;overflow:hidden;position:absolute;right:-40px;transition:all .3s linear;transition:right 0s ease;width:40px;z-index:10}.settings-icon:hover{padding-inline:10px;right:-110px;width:auto}.settings-text{margin-left:8px;opacity:0;overflow:hidden;transition:opacity .3s ease,width .3s ease;white-space:nowrap;width:0}.settings-icon:hover .settings-text{opacity:1;right:-110px}.settings-text.visible{opacity:1;width:auto}.settings{background-color:#f8f8f8;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px}.settings h2{color:#333;font-size:1.2em;margin-bottom:15px;margin-top:0}.settings label{display:block;font-weight:700;margin-bottom:5px}.settings input[type=number],.settings select{border:1px solid #ccc;border-radius:5px;font-size:1em;margin-bottom:10px;padding:8px}.settings input[type=number]{width:60px}.settings .performance-setting,.settings .time-setting{align-items:center;display:flex;gap:5px}.settings .performance-setting{justify-content:flex-start;margin-bottom:15px}.settings button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s}.settings button:hover{background-color:#0056b3}h1{color:#333;margin-bottom:15px}.app-container p{color:#555;line-height:1.6;margin-bottom:20px}.webcam-container{margin-bottom:20px;position:relative}.webcam{box-shadow:0 1px 4px #0000001a}.output-canvas,.webcam{border-radius:8px;width:100%}.output-canvas{height:100%;left:0;position:absolute;top:0}.input-image{display:none}.controls{margin-bottom:20px}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.detection-info{background-color:#e8f0fe;border:1px solid #b8daff;border-radius:5px;margin-bottom:15px;padding:15px;text-align:left}.detection-info p{color:#383d41;margin-bottom:8px}.detection-info p:last-child{margin-bottom:0}.detection-info .warning{color:#dc3545;font-weight:700}.timer{align-items:center;background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;display:flex;font-size:18px;padding:5px 10px;position:fixed;right:10px;top:10px;z-index:100}.app-footer{background-color:#eee;border-top:1px solid #ddd;box-sizing:border-box;font-size:14px;padding:10px;text-align:center;width:100%}.contact-info,.project-links{margin-bottom:10px}.contact-info a,.project-links a{color:#007bff;margin:0 10px;text-decoration:none}.app-footer p{line-height:1;margin:14px}.review{background-color:#f8f8f8;border:1px solid #ccc;border-radius:8px;margin-top:20px;padding:15px}.review h2{color:#333;font-size:1.2em;margin-top:0}.review p{margin:5px 0}.timeline{display:flex;margin-top:10px;overflow-x:auto;width:100%}.timeline-item{flex-shrink:0;height:20px;width:20px}.timeline-item.detected{background-color:green}.timeline-item.not-detected{background-color:red}@media (max-width:600px){.app-container{padding:20px}h1{margin-top:1em}button{font-size:14px;margin:5px;padding:8px 15px}.timer{position:absolute}}
/*# sourceMappingURL=main.b167ca49.css.map*/