.mobile-shell {max-width:800px; padding:28px 24px 40px;}
.camera {max-width:480px;margin:20px auto;aspect-ratio:3/4;height:auto;box-shadow:var(--shadow-md);}
.camera video {width:100%;height:100%;object-fit:contain;}
input {width:100%;}
#msg {white-space:pre-line;overflow-wrap:anywhere;font-weight:700;font-size:clamp(1rem,2.5vw,1.25rem);}
#sede {color:var(--br-muted);font-weight:700;}
.mobile-shell .card > button {margin-top:10px;}
#tabletForm > button {margin-top:10px;}
@media (orientation:landscape) and (max-height:700px) {
 .mobile-shell {max-width:1000px;padding:20px 24px;}
 .camera {max-width:320px;max-height:65vh;}
}
@media(max-width:480px) {.mobile-shell {padding:20px 16px 32px;}}