:root{--primary-color:#007bff;--primary-dark:#0056b3;--border-color:#ddd;--bg-light:#f9f9f9;--bg-white:#fff;--text-dark:#333;--text-muted:#666}.container-hand-tracker,.container-video-upload{font-family:Roboto,sans-serif;margin:0 auto;padding:20px;text-align:center;width:70%}h1{font-size:24px;padding-bottom:20px}h1,h2{color:#333;color:var(--text-dark);font-family:Roboto,sans-serif;margin-top:0}h2{border-bottom:2px solid #007bff;border-bottom:2px solid var(--primary-color);font-size:16px;padding-bottom:10px;text-align:center}.panel-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;height:100%;justify-content:flex-start}.panel-display,.panel-display-webcam{flex:0 1 auto;width:60%}.panel-data{flex:1 1;min-width:400px}.container-data,.container-display,.container-display-webcam{background-color:#fff;background-color:var(--bg-white);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.webcam{display:none}.video-container{display:flex;justify-content:center;margin-bottom:20px}.output-canvas,.output-webcam{box-sizing:border-box;height:920px;max-width:90%;object-fit:contain;width:100%}.controls,.controls-files{display:flex;flex-direction:column;gap:20px}.controls-cell{background-color:#f9f9f9;background-color:var(--bg-light);border:1px solid #e0e0e0;border-radius:8px;padding:15px}.control-form{display:flex;flex-direction:column;gap:10px}.control-form-child{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.formItem{display:flex;flex-direction:column;gap:5px}.field-label{color:#333;color:var(--text-dark);font-size:14px;font-weight:700;margin-bottom:.4em}.dropdown,.input-box{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;font-family:Roboto,sans-serif;font-size:14px;margin-right:.5rem;padding:8px;text-align:center;width:auto}.dropdown:focus,.input-box:focus{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 5px #007bff80;outline:none}.dropdown{background-color:#fff;background-color:var(--bg-white);cursor:pointer}.file-input{background:#0000;border:none;color:#0000;cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;line-height:1;margin-right:0;overflow:visible;padding:0;width:auto}.file-input:hover{border-color:#007bff;border-color:var(--primary-color)}.file-input::-webkit-file-upload-button{visibility:hidden}.file-input:before{background:linear-gradient(180deg,#4b91f7,#367af6);border:none;border-radius:6px;color:#fff;content:"Select File(s)";cursor:pointer;display:flex;font-family:Roboto,sans-serif;outline:none;padding:6px 14px;-webkit-user-select:none;user-select:none;white-space:nowrap}.file-input:active:before{background:linear-gradient(180deg,#367af6,#4b91f7)}.video-list{background-color:#fff;background-color:var(--bg-white);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;display:none;margin-top:10px;max-height:200px;overflow-y:auto;padding:10px}.video-list:has(>div){display:block}.video-list p{color:#333;color:var(--text-dark);font-weight:700;margin:5px 0}.video-list ul{list-style:none;margin:5px 0 0;padding:0}.video-list li{color:#333;color:var(--text-dark);margin-bottom:5px;padding:5px}.progress-text,.video-list li{background-color:#e7f3ff;border-left:3px solid #007bff;border-left:3px solid var(--primary-color);border-radius:2px;font-size:14px}.progress-text{color:#0056b3;margin:5px 0;padding:10px}.button-csv,.button-form{align-items:center;background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:10px 20px;touch-action:manipulation;transition:background-color .3s;user-select:none;-webkit-user-select:none}.button-form:hover:not(:disabled){background-color:#0056b3;background-color:var(--primary-dark)}.button-form:active{background-color:#4b91f7}.button-form:disabled{background-color:#ccc;cursor:not-allowed}.button-csv{align-self:center;background-color:#620000;border:1px solid #620000;padding:.2em;width:auto}.margin-push{margin-right:.5rem;margin-top:10px}.container-upload{align-items:center;flex-direction:column}.container-download,.container-upload{display:flex;gap:10px;justify-content:center}.container-download{flex-direction:row}.diagram-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.grid-cell{background-color:#f9f9f9;background-color:var(--bg-light);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;padding:8px;text-align:center}.grid-cell h2{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-dark);font-size:13px;margin:0 0 10px;padding-bottom:8px}.diagram{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:block;margin:0 auto}.diagram,.diagrams_src{aspect-ratio:296.5/351;height:auto;max-width:100%;width:100%}.diagrams_src{display:none}@media (max-width:768px){.panel-row{flex-direction:column}.panel-data,.panel-display,.panel-display-webcam{max-width:100%;min-width:100%}.diagram-grid{grid-template-columns:1fr}.control-form,.controls{flex-direction:column}}*{font-family:montseratt,sans-serif}.home-container{padding:20px;text-align:center}.simple-link{color:#303030;display:inline-block;margin:1em;text-decoration:none}hr{width:90%}.links-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}p{font-size:12px;margin:0;overflow-wrap:break-word}.site-title,p{font-family:Roboto,sans-serif}.site-title{color:var(--text-dark);font-size:24px;margin-top:0;padding-bottom:0}
/*# sourceMappingURL=main.d032c94b.css.map*/