.public-cctv{--pc-panel:var(--card);--pc-line:var(--line);--pc-muted:var(--dim);--pc-blue:var(--accent);margin:18px 0 34px}
.public-cctv h2{font-size:22px;margin:4px 0 8px}.public-cctv p{margin-top:6px}.public-cctv .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pc-intro{max-width:780px;margin:0 0 20px}.pc-intro>.eyebrow,.pc-section-title .eyebrow,.pc-about .eyebrow{color:var(--pc-blue);font-size:12px;font-weight:750;letter-spacing:.08em;margin:0}.pc-intro h2{font-size:clamp(24px,3.5vw,36px);line-height:1.25;margin:8px 0}.pc-copy{color:var(--pc-muted);margin:8px 0 18px!important}
.pc-search{display:flex;gap:8px;align-items:center}.pc-search input{min-width:0}.pc-search button{width:auto;flex:none}.pc-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}.pc-filters select{width:auto;margin-left:auto}.pc-filter{background:var(--card2);color:var(--dim);border:1px solid var(--line)}.pc-filter.active{background:rgba(88,166,255,.18);color:var(--text);border-color:var(--accent)}
.pc-workspace{display:grid;grid-template-columns:minmax(250px,350px) minmax(0,1fr);gap:14px;min-height:390px}.pc-list,.pc-viewer{border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-panel);overflow:hidden}.pc-list-head{padding:13px 15px;border-bottom:1px solid var(--pc-line)}.pc-list-head b,.pc-list-head span{display:block}.pc-list-head span,.pc-source span{font-size:12px;color:var(--pc-muted)}.pc-items{max-height:440px;overflow:auto}.pc-item{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--pc-line);border-radius:0;padding:13px 15px}.pc-item:hover,.pc-item.selected{background:var(--card2)}.pc-item strong{display:block}.pc-item small{color:var(--pc-muted)}.pc-tag{float:right;color:var(--ok);font-size:11px}
.pc-viewer{padding:14px;display:flex;flex-direction:column}.pc-player{min-height:250px;flex:1;border-radius:9px;background:radial-gradient(ellipse at 50% 100%,#20384c,#111820 68%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px}.pc-player>p{max-width:440px;color:var(--pc-muted)}.pc-player .btn{margin-top:10px}.pc-play-icon{width:46px;height:46px;border:1px solid #526b87;border-radius:50%;display:grid;place-items:center;color:#b7cbed;margin-bottom:12px}.pc-source{display:flex;gap:24px;align-items:center;padding:13px 3px 5px}.pc-source b,.pc-source span{display:block}.pc-source b{font-size:13px}.pc-viewer>.dim{margin:5px 3px;font-size:12px}
.pc-sources{margin:34px 0}.pc-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.pc-section-title h2{margin:3px 0}.pc-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pc-provider-card{border:1px solid var(--pc-line);border-radius:11px;background:var(--pc-panel);padding:14px;min-height:165px}.pc-provider-top{display:flex;justify-content:space-between;gap:8px}.pc-provider-kind{font-size:11px;color:#a9c5ed}.pc-provider-status{font-size:10px;color:var(--pc-muted);border:1px solid var(--pc-line);border-radius:99px;padding:2px 7px}.pc-provider-card h3{font-size:15px;margin:12px 0 4px}.pc-provider-card p{font-size:12px;color:var(--pc-muted);min-height:36px;margin:0 0 10px}.pc-open-button{padding:0;background:none;color:var(--pc-blue);font-size:13px}.pc-about{display:grid;grid-template-columns:minmax(220px,1fr) 1.5fr;gap:20px;align-items:center;margin-bottom:0}.pc-about h2{font-size:18px}.pc-about p{margin:0}
@media(max-width:760px){.pc-workspace{grid-template-columns:1fr}.pc-viewer{order:1}.pc-list{order:2}.pc-player{min-height:220px}.pc-items{max-height:330px}.pc-provider-grid{grid-template-columns:1fr}.pc-section-title{display:block}.pc-section-title>.dim{display:block;margin-top:5px}.pc-filters select{margin-left:0}.pc-about{grid-template-columns:1fr;gap:6px}.pc-source{gap:14px;flex-wrap:wrap}}