body{color:#222;background:#f3f5f7;margin:0;padding:30px;font-family:Arial,Helvetica,sans-serif}main{max-width:900px;margin:auto}h1{text-align:center;margin-bottom:10px}h2{text-align:center;margin:30px 0 15px}p{text-align:center;color:#666}.campo{text-align:center;margin:20px 0}select,button{border:1px solid #ccc;border-radius:8px;padding:10px 14px;font-size:15px}button{cursor:pointer;color:#fff;background:#1976d2;border:none;transition:all .2s}button:hover{background:#1565c0}button:disabled{cursor:not-allowed;background:#999}video{background:#000;border-radius:14px;width:100%;max-width:650px;margin:25px auto;display:block;box-shadow:0 8px 25px #00000026}hr{border:none;border-top:1px solid #ddd;margin:35px 0}#statusCamera,#statusScanner{text-align:center;margin-bottom:15px;font-size:18px;font-weight:700}table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 10px #00000014}table td{border-bottom:1px solid #eee;padding:12px}table td:first-child{background:#fafafa;width:220px;font-weight:700}pre{color:#0f8;text-align:left;background:#111;border-radius:12px;max-height:350px;margin-top:25px;padding:18px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;overflow:auto;box-shadow:0 4px 12px #0000002e}#resultado{font-size:13px;font-weight:400}@media (width<=700px){body{padding:15px}table td:first-child{width:140px}select,button{width:100%;margin-top:8px}video{max-width:100%}}.acoes{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0;display:grid}.card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:18px;transition:all .2s;box-shadow:0 4px 14px #00000014}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.card h3{color:#333;margin:0 0 12px;font-size:16px}.card div{word-break:break-word;font-size:20px;font-weight:700}.card.destaque{color:#fff;background:#1976d2;grid-column:span 2}.card.destaque h3{color:#fff}.card.destaque div{font-size:24px}.diagnostico-container{max-width:1000px;margin:auto}@media (width<=700px){.card.destaque{grid-column:span 1}.acoes{flex-direction:column}}