.camera-snapshot{color:#dce6d3;margin-top:22px}.camera-snapshot-view{aspect-ratio:16/9;background:#111715;border:1px solid #ffffff18;border-radius:13px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.camera-snapshot-view>img{object-fit:contain;width:100%;height:100%;max-height:60dvh;display:block}.camera-snapshot-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:100%;padding:30px 24px;display:flex}.camera-snapshot-empty>svg{color:#a6bb96}.camera-snapshot-empty>p{color:#d5e3c8;margin:0;font-size:14px}.camera-snapshot-empty>span{color:#93a18b;max-width:360px;font-size:12px;line-height:1.7}.camera-snapshot-overlay{color:#ecd2a7;background:#17201bed;border:1px solid #edd1a530;border-radius:7px;width:fit-content;max-width:calc(100% - 24px);padding:7px 10px;font-size:11px;line-height:1.5;position:absolute;bottom:12px;left:12px;right:12px}.camera-snapshot-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;margin-top:13px;display:flex}.camera-snapshot-status{color:#c6d8b7;align-items:center;gap:7px;font-size:12px;line-height:1.6;display:inline-flex}.camera-snapshot-status>svg{flex-shrink:0}.camera-snapshot-status.delayed{color:#ddc299}.camera-snapshot-meta time{color:#a0b097;font-size:11px;line-height:1.6}.camera-snapshot-note{color:#92a088;margin:10px 0 0;font-size:11px;line-height:1.8}.camera-snapshot-admin{gap:14px;margin-top:16px;display:grid}.camera-snapshot-admin>p{color:#ddc299;margin:0;font-size:12px;line-height:1.7}.camera-snapshot-diagnostic{color:#aebda4;background:#ffffff03;border:1px solid #ffffff14;border-radius:9px;padding:12px 14px;font-size:11px;line-height:1.7}.camera-snapshot-diagnostic summary{cursor:pointer;color:#d5dfca}.camera-snapshot-diagnostic dl{grid-template-columns:minmax(100px,auto) minmax(0,1fr);gap:6px 18px;margin-top:11px;display:grid}.camera-snapshot-diagnostic dd{overflow-wrap:anywhere;color:#d2ddc8;min-width:0;margin:0}.camera-snapshot-diagnostic code{font-family:ui-monospace,monospace}.camera-snapshot-spin{animation:1s linear infinite camera-snapshot-spin}@keyframes camera-snapshot-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.camera-snapshot-view{aspect-ratio:auto;min-height:210px}.camera-snapshot-empty{padding:25px 18px}.camera-snapshot-diagnostic dl{grid-template-columns:1fr;gap:2px}.camera-snapshot-diagnostic dd{margin-bottom:6px}}@media (prefers-reduced-motion:reduce){.camera-snapshot-spin{animation:none}}