:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9edf2;background:#0d1117;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.25rem;background:rgba(13,17,23,.94);border-bottom:1px solid #30363d;backdrop-filter:blur(12px)}header strong{display:block;font-size:1.05rem}#connection-state{font-size:.75rem;color:#8b949e}form{display:flex;gap:.5rem;flex-wrap:wrap}input,select,button{font:inherit;border:1px solid #30363d;border-radius:.5rem;background:#161b22;color:inherit;padding:.55rem .7rem}input{min-width:15rem}button{cursor:pointer;background:#238636;border-color:#2ea043}main{padding:1rem 1.25rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{background:#161b22}.tab.active{background:#1f6feb;border-color:#388bfd}.surface[hidden]{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.camera-card,.event-card{border:1px solid #30363d;border-radius:.8rem;overflow:hidden;background:#161b22;min-width:0}.frame-shell{position:relative;aspect-ratio:16/9;background:#050608}.thumbnail,.live-video{width:100%;height:100%;display:block;object-fit:cover}.presence{position:absolute;top:.65rem;right:.65rem;width:.7rem;height:.7rem;border-radius:50%;background:#6e7681;box-shadow:0 0 0 3px rgba(0,0,0,.35)}.camera-card.online .presence{background:#3fb950}.camera-meta,.controls{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.7rem .8rem}.camera-meta{border-bottom:1px solid #21262d}.camera-meta strong,.device-id,.event-device{display:block}.device-id,.event-device{color:#8b949e}.controls{align-items:flex-start;flex-wrap:wrap}.controls label,.camera-meta label{font-size:.75rem;color:#8b949e}.controls select,.camera-meta select{display:block;margin-top:.25rem}.check{display:flex;align-items:center;gap:.4rem;margin-top:1.1rem}.check input{min-width:auto}.status{min-height:1.8rem;padding:.2rem .8rem .8rem;color:#8b949e;font-size:.78rem}.status.pending{color:#d29922}.status.failed{color:#f85149}#summary{padding:0 0 1rem;color:#8b949e}.library-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.library-head h1{margin:0 0 .25rem}.library-head p{margin:0;color:#8b949e}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1rem}.empty{border:1px dashed #30363d;border-radius:.8rem;padding:1rem;color:#8b949e}.event-head{display:flex;justify-content:space-between;gap:.75rem;padding:.85rem;border-bottom:1px solid #21262d}.event-time{font-size:.75rem;color:#8b949e;text-align:right}.event-meta{padding:.65rem .85rem;color:#8b949e;font-size:.8rem}.event-files{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 .85rem .85rem}.file-button{background:#21262d;border-color:#30363d;font-size:.78rem}.file-button.primary{background:#1f6feb;border-color:#388bfd}dialog{width:min(920px,calc(100vw - 2rem));border:1px solid #30363d;border-radius:1rem;background:#0d1117;color:#e9edf2;padding:1rem}dialog::backdrop{background:rgba(0,0,0,.8)}dialog .close{float:right;background:#21262d;font-size:1.2rem}dialog video,dialog audio,dialog img{display:none;width:100%;max-height:75vh;background:#050608}dialog pre{display:none;white-space:pre-wrap;max-height:70vh;overflow:auto}dialog.media-video video,dialog.media-audio audio,dialog.media-image img,dialog.media-json pre{display:block}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}form,input{width:100%}.library-head{align-items:flex-start;flex-direction:column}.tabs{overflow:auto}}
.library-actions { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }