.camera-grid { align-items: start; }
.camera-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.camera-preview { display: grid; place-items: center; margin-top: 1.4rem; min-height: 220px; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #f5f5f5; color: #525252; overflow: hidden; }
.camera-preview video { width: 100%; max-height: 560px; object-fit: contain; border-radius: var(--radius-sm); }
.camera-preview video.is-mirrored { transform: scaleX(-1); }
.camera-preview [hidden], .camera-photo[hidden] { display: none; }
.camera-photo { display: grid; justify-items: start; gap: .8rem; margin-top: 1.25rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fafafa; }
.camera-photo img { width: auto; height: auto; max-width: 100%; max-height: 320px; object-fit: contain; }
.camera-capture-status { margin-top: .7rem; }
.camera-grid .result__value { font-size: clamp(1.3rem, 3vw, 2rem); }
.camera-grid .result__row dd { overflow-wrap: anywhere; }
@media (max-width: 768px) { .camera-grid { grid-template-columns: minmax(0, 1fr); } .camera-actions > * { flex: 1 1 120px; } .camera-preview { min-height: 160px; padding: .5rem; } }