
.cameras-content{min-height:850px}
.timelapse-card{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:15px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--text);text-decoration:none}
.timelapse-card:hover{transform:translateY(-1px)}
.timelapse-icon{font-size:25px}.timelapse-card strong{display:block;font-size:14px}.timelapse-card small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.timelapse-arrow{margin-left:auto;font-size:28px;color:var(--muted)}
.camera-section{margin-top:12px}.camera-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.camera-section-head h2{margin:2px 0 0;font-size:22px}.camera-section-head>span{color:var(--muted);font-size:10px;font-weight:700}
.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.camera-card{padding:13px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}
.camera-title{display:flex;align-items:center;gap:8px;margin:0 0 10px 4px}.camera-title strong{font-size:15px}
.camera-open{position:relative;display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:#111;cursor:zoom-in}
.camera-open img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.camera-zoom{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:7px;background:rgba(20,35,50,.78);color:#fff;font-size:9px;font-weight:800;opacity:0;transition:opacity .15s}
.camera-open:hover .camera-zoom{opacity:1}
.camera-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:25px;background:rgba(10,20,30,.88)}
.camera-lightbox.open{display:flex}.camera-lightbox-inner{width:min(1180px,96vw);background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.45)}
.camera-lightbox-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#24394d}.camera-lightbox-head strong{font-size:14px}
.camera-lightbox-head button{width:34px;height:34px;border:0;border-radius:8px;background:#eef3f8;color:#24394d;font-size:25px;line-height:1;cursor:pointer}
.camera-lightbox img{display:block;width:100%;max-height:82vh;object-fit:contain;background:#111}
