.Cctv_layout__5A5_5{display:grid;grid-gap:24px;gap:24px;min-width:0}.Cctv_playerPanel__ZAqro{min-width:0;scroll-margin-top:16px}@media (min-width:1024px){.Cctv_layout__5A5_5{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}.Cctv_layout__5A5_5 .Cctv_cameras__rYGwH{grid-template-columns:1fr 1fr}}.Cctv_player__wyNyI{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.Cctv_poster__LgdGm{object-fit:cover}.Cctv_poster__LgdGm,.Cctv_video__vgcvr{position:absolute;inset:0;width:100%;height:100%}.Cctv_video__vgcvr{display:block;object-fit:contain;background:#000;transition:opacity .25s ease}.Cctv_hidden__HsfdQ{opacity:0;pointer-events:none}.Cctv_overlay__ncbEq{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;background:#0d1720;color:#f2f6f9}.Cctv_overPoster__5mgSH{background:rgba(13,23,32,.55);text-shadow:0 1px 3px rgba(0,0,0,.6)}.Cctv_overlay__ncbEq svg{width:30px;height:30px;opacity:.9}.Cctv_overlay__ncbEq strong{font-size:15px}.Cctv_overlay__ncbEq p{margin:0;max-width:320px;font-size:13px;color:#d0dbe3}.Cctv_overlay__ncbEq button{margin-top:6px}.Cctv_spin__OxLcu{animation:Cctv_spin__OxLcu 1s linear infinite}@keyframes Cctv_spin__OxLcu{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.Cctv_spin__OxLcu{animation:none}.Cctv_video__vgcvr{transition:none}}.Cctv_live__WqWus{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:6px;background:#d63447;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;pointer-events:none}.Cctv_cameras__rYGwH{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.Cctv_camera__e5hxv{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px 8px 10px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.Cctv_camera__e5hxv:hover{background:var(--color-surface-2)}.Cctv_camera__e5hxv[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.Cctv_camera__e5hxv:disabled{cursor:default}.Cctv_camera__e5hxv:disabled .Cctv_thumb__tBZrb{opacity:.55}.Cctv_thumb__tBZrb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--color-surface-2);color:var(--color-text-muted)}.Cctv_thumb__tBZrb img{width:100%;height:100%;object-fit:cover}.Cctv_thumb__tBZrb svg{width:22px;height:22px}.Cctv_badge__tgoS4{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:6px;background:rgba(13,23,32,.75);color:#fff;font-size:10px;font-weight:700}.Cctv_badgeLive__qo4Ws{background:var(--color-accent);color:var(--color-surface)}.Cctv_cameraName__fFbDt{padding:0 2px;overflow-wrap:anywhere}@media (max-width:767px){.Cctv_player__wyNyI{border-radius:10px}.Cctv_cameras__rYGwH{grid-template-columns:1fr 1fr;gap:10px}}