*{box-sizing:border-box;padding:0;margin:0;font-family:sans-serif}html,body{height:100%}body{padding:1rem;font-size:1rem;max-width:100%;overflow-x:hidden}input{font-size:1rem;display:flex}#container,#upload-button{display:flex;flex-direction:column;justify-content:center;align-items:center}h1,h4{text-align:center}h4{margin-top:.5rem;font-weight:200}a,#example-link{color:#275efe;text-decoration:none;transition:color .3s}a:hover,#example-link:hover{color:#ff0081;text-decoration:underline;cursor:pointer}.controls{border:1px dashed #d1d5db;border-radius:5px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#backend-display,#model,#backend,#detCom,#recCom,#detInf,#recInf{color:#ff0081}#ocr{margin-top:1rem;display:grid;grid-template-columns:auto auto;align-items:stretch;gap:1rem}#ocr div{border:1px dashed #d1d5db}#container{position:relative}#image-preview{display:none}#canvas-overlay{position:absolute;pointer-events:none;height:auto}.device-links{display:block;text-align:center}footer{margin:0 0 1rem;font-size:.85rem}#copyright{margin-bottom:1rem}#model-versions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.5rem}#model-versions label{display:flex;flex-direction:row;align-items:center}#model-versions label input{margin-right:.5rem}#upload-block{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}#upload-button{gap:.4rem;font-size:18px;cursor:pointer}#upload{display:none}#result-container{font-size:12px;padding:1rem;min-width:40vw}#performance{border:1px dashed #d1d5db;border-radius:5px}#performance>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:center;justify-items:center;border-bottom:1px dashed #d1d5db;padding:.5rem}#performance>div:last-child{border-bottom:none}svg{pointer-events:none}#example{font-size:14px;text-decoration:underline;cursor:pointer}#example:hover{color:#2563eb}.g2{margin:1rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch;justify-content:center;justify-items:stretch}footer svg{width:16px;height:16px;vertical-align:middle;margin-right:.25rem}@media(max-width:768px){body{padding:.5rem;font-size:.9rem}h1{font-size:1.2rem;line-height:1.4;margin-bottom:.5rem}#ocr{grid-template-columns:1fr;gap:.5rem}#container{min-height:200px}#image-preview{max-width:100%;height:auto}#result-container{min-width:auto;width:100%;padding:.5rem;font-size:11px}.g2{grid-template-columns:1fr;gap:.5rem;margin:.5rem 0}.controls{padding:.75rem}#upload-block{flex-direction:column;gap:.25rem;text-align:center}#model-versions{grid-template-columns:1fr;gap:.5rem}#performance>div{grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.25rem;font-size:.85rem}.device-links{font-size:.85rem;line-height:1.6}}@media(max-width:480px){body{padding:1rem .5rem}h1{font-size:1rem}#performance>div{font-size:.75rem;gap:.25rem;padding:.25rem}.device-links{font-size:.75rem}footer{font-size:.75rem}#upload-button svg{width:20px;height:20px}}