:root{color:#7f1d1d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#fff7ed 0%,#ffe4d6 100%);font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#fff7ed 0%,#ffe4d6 100%);min-width:320px;margin:0}body,button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}h1{color:#b91c1c;margin-bottom:12px;font-size:32px}h2{color:#c2410c;margin-bottom:6px;font-size:24px}h3{color:#c2410c;font-size:18px}.app-shell{max-width:620px;margin:0 auto;padding:24px 16px}.workspace-card{background:#fff7f2;border:1px solid #f4b183;border-radius:8px;padding:20px;box-shadow:0 8px 24px #be181814}.intro-text{color:#9a3412;margin-bottom:16px}.classifier-form{gap:16px;display:grid}.source-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.source-option{color:#9f1239;background:#fffaf7;border:1px solid #fdba74;border-radius:6px;padding:10px}.source-option.active{background:#fed7aa;border-color:#ea580c}.simple-input{color:#7c2d12;background:#fffaf7;border:1px solid #fdba74;border-radius:6px;width:100%;padding:10px 12px}.camera-panel{gap:12px;display:grid}.camera-actions{gap:8px;display:flex}.camera-frame,.preview-frame{background:#fff1e6;border:1px solid #fdba74;border-radius:6px;place-items:center;min-height:240px;display:grid;overflow:hidden}.camera-frame video,.preview-frame img{object-fit:cover;width:100%;height:100%}.preview-text,.status-text{color:#9a3412}.submit-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.submit-button{color:#fff;background:#dc2626;border:1px solid #c2410c;border-radius:6px;padding:10px 16px}.secondary-button{color:#9a3412;background:#fff7ed;border:1px solid #fb923c;border-radius:6px;padding:10px 16px}.secondary-button:disabled,.submit-button:disabled{opacity:.5;cursor:not-allowed}.hidden-canvas{display:none}.result-card{background:#fffaf7;border:1px solid #fdba74;border-radius:6px;margin-top:20px;padding:16px}.result-label,.result-file{color:#9a3412;margin-bottom:8px}.scores-list{gap:8px;margin:16px 0;display:grid}.score-row{color:#9a3412;background:#fff1e6;border:1px solid #fed7aa;border-radius:6px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.result-image-frame{background:#fff1e6;border:1px solid #fdba74;border-radius:6px;min-height:240px;overflow:hidden}.result-image-frame img{object-fit:cover;width:100%;height:100%}@media (width<=640px){.source-grid{grid-template-columns:1fr}.camera-actions,.submit-row{flex-direction:column;align-items:stretch}}