.camera-feed{display:grid;gap:12px}.camera-tile{overflow:hidden;border:1px solid #dce4ed;border-radius:9px;background:#fff;color:#183349}.camera-picture{display:block;aspect-ratio:16/9;background:#102b44;text-decoration:none}.camera-picture img{display:block;width:100%;height:100%;object-fit:cover}.camera-placeholder{display:flex;height:100%;min-height:120px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#b9cada;font-size:13px;text-align:center;padding:12px;box-sizing:border-box}.camera-placeholder>span{font-size:32px;color:#7db5ca}.camera-copy{padding:12px}.camera-copy h3{margin:0 0 5px;font-size:15px;line-height:1.3}.camera-copy p{margin:5px 0;font-size:12px;color:#627489}.camera-meta{font-size:11px;color:#456781;overflow-wrap:anywhere}.camera-access{line-height:1.5}.camera-links{display:flex;justify-content:space-between;margin-top:10px;gap:8px}.camera-links a{font-size:12px;font-weight:700;color:#075b8d;text-decoration:none}.camera-empty{padding:32px;border:1px dashed #cad4df;border-radius:9px;color:#607184;text-align:center}.camera-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-page-head{margin:30px 0 22px}.camera-page-head h1{font-size:32px;margin:8px 0}.camera-page-head p{color:#627489;line-height:1.5}.camera-page-main{max-width:1180px;margin:auto;padding:20px}.camera-back{color:#1765b8}.camera-admin-list{margin:14px 0}.camera-admin-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e2e7ed}.camera-admin-row small{display:block;font-size:11px;color:#627489;line-height:1.5;overflow-wrap:anywhere}.camera-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.camera-editor h3{grid-column:1/-1}.camera-editor label{font-size:12px;color:#41586e}.camera-editor input:not([type=checkbox]),.camera-editor select{display:block;width:100%;box-sizing:border-box;padding:9px;border:1px solid #cad4df;border-radius:5px;margin-top:4px}.camera-checkbox{display:flex;align-items:center;gap:7px}@media(max-width:900px){.camera-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.camera-page-grid,.camera-editor{grid-template-columns:1fr}.camera-admin-row{flex-direction:column}.camera-page-head h1{font-size:26px}}


.camera-picture{position:relative;overflow:hidden}.camera-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:42px;border-radius:12px;background:#e21c27;box-shadow:0 3px 14px #0005;pointer-events:none;transition:background .15s,transform .15s}.camera-play svg{width:27px;height:27px;fill:#fff}.camera-picture:hover .camera-play,.camera-picture:focus-visible .camera-play{background:#ff2535;transform:translate(-50%,-50%) scale(1.08)}.camera-picture:focus-visible{outline:3px solid #258bcc;outline-offset:-3px}
[data-dynamic-section="live-cameras"]{display:flex;flex-direction:column}[data-dynamic-section="live-cameras"] .camera-feed{min-height:0;overflow:auto;flex:1;display:grid;grid-template-columns:repeat(var(--camera-columns,1),minmax(0,1fr));align-content:start;gap:12px}.camera-feed:not(.camera-page-grid) .camera-tile{min-width:0;display:flex;flex-direction:column}.camera-feed:not(.camera-page-grid) .camera-picture{aspect-ratio:16/9;flex:none}.camera-feed:not(.camera-page-grid) .camera-copy{padding:9px}.camera-feed:not(.camera-page-grid) h3{font-size:12px}.camera-feed:not(.camera-page-grid) .camera-access{display:none}.camera-feed:not(.camera-page-grid) .camera-meta{font-size:9px}.camera-feed:not(.camera-page-grid) .camera-placeholder{font-size:10px;padding:6px;min-height:100%}.camera-feed:not(.camera-page-grid) .camera-links{margin-top:6px}.camera-feed:not(.camera-page-grid) .camera-play{width:44px;height:34px;border-radius:9px}