.cam.svelte-bxa07c{flex-direction:column;gap:6px;height:100%;min-height:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,Consolas,monospace;font-size:.7rem;display:flex}.header.svelte-bxa07c{flex:none;justify-content:space-between;align-items:center;display:flex}.title.svelte-bxa07c{letter-spacing:.18em;color:var(--text-secondary);font-size:.7rem}.status.svelte-bxa07c{letter-spacing:.1em;border:1px solid var(--accent);color:var(--accent);border-radius:2px;align-items:center;gap:5px;padding:1px 5px;font-size:.6rem;display:inline-flex}.status.svelte-bxa07c .glyph:where(.svelte-bxa07c){font-size:.7rem;line-height:1}.status.stale.svelte-bxa07c{border-color:var(--warn);color:var(--warn)}.status.off.svelte-bxa07c,.status.err.svelte-bxa07c{border-color:var(--error);color:var(--error)}.status.wait.svelte-bxa07c{border-color:var(--text-secondary);color:var(--text-secondary)}.frame.svelte-bxa07c{border:1px solid var(--border);aspect-ratio:16/9;background:#0a0a0a;border-radius:2px;flex:auto;min-height:0;position:relative;overflow:hidden}.imgbtn.svelte-bxa07c{all:unset;cursor:zoom-in;width:100%;height:100%;display:block;position:relative}.imgbtn.look.svelte-bxa07c{cursor:crosshair}.imgbtn.svelte-bxa07c img:where(.svelte-bxa07c){object-fit:cover;width:100%;height:100%;transition:filter .3s;display:block}.imgbtn.svelte-bxa07c img.dim:where(.svelte-bxa07c){filter:grayscale(.6)brightness(.55)}.crosshair.svelte-bxa07c{pointer-events:none;z-index:3;border:2px solid #7be39a;border-radius:50%;width:24px;height:24px;animation:.8s ease-out forwards svelte-bxa07c-ch-fade;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #7be39a99}.crosshair.svelte-bxa07c .ch-h:where(.svelte-bxa07c),.crosshair.svelte-bxa07c .ch-v:where(.svelte-bxa07c){background:#7be39a;position:absolute}.crosshair.svelte-bxa07c .ch-h:where(.svelte-bxa07c){width:12px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.svelte-bxa07c .ch-v:where(.svelte-bxa07c){width:2px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes svelte-bxa07c-ch-fade{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.look-hint.svelte-bxa07c{letter-spacing:.1em;color:#7be39ad9;opacity:0;pointer-events:none;z-index:2;background:#0000008c;border:1px solid #7be39a4d;border-radius:2px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.55rem;transition:opacity .2s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.imgbtn.look.svelte-bxa07c:hover .look-hint:where(.svelte-bxa07c){opacity:1}.fs.svelte-bxa07c{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:#0000008c;border-radius:2px;padding:2px 6px;font-family:inherit;font-size:.85rem;line-height:1;position:absolute;top:6px;right:6px}.fs.svelte-bxa07c:hover{background:#000c}.ctrlbtn.svelte-bxa07c{color:var(--accent);border:1px solid var(--accent);letter-spacing:.1em;cursor:pointer;background:#0000008c;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:.65rem;line-height:1;position:absolute;top:6px;left:6px}.ctrlbtn.svelte-bxa07c:hover{background:#000000d9}.readout.svelte-bxa07c{letter-spacing:.06em;color:var(--accent);pointer-events:none;background:#0000008c;border:1px solid #ffffff26;border-radius:2px;padding:2px 6px;font-family:inherit;font-size:.6rem;position:absolute;top:6px;left:50%;transform:translate(-50%)}.ptz-overlay.svelte-bxa07c{background:linear-gradient(#0006,#000000d9);justify-content:space-between;align-items:flex-end;gap:8px;padding:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.ptz-grid.svelte-bxa07c{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);gap:3px;display:grid}.ptz-side.svelte-bxa07c{flex-direction:column;gap:3px;display:flex}.pb.svelte-bxa07c{all:unset;box-sizing:border-box;width:36px;height:36px;color:var(--accent);border:1px solid var(--accent);cursor:pointer;text-align:center;background:#0000008c;border-radius:2px;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:.9rem;line-height:1;transition:background .1s;display:inline-flex;position:relative}.pb.wide.svelte-bxa07c{letter-spacing:.08em;width:80px;height:28px;font-size:.6rem}.pb.stop.svelte-bxa07c{color:var(--warn,#fb6);border-color:var(--warn,#fb6)}.pb.svelte-bxa07c:hover{background:#ffffff1f}.pb.svelte-bxa07c:active{background:#ffffff38}.pb.svelte-bxa07c .fb:where(.svelte-bxa07c){color:var(--accent);font-size:.55rem;position:absolute;top:1px;right:3px}.overlay.svelte-bxa07c{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.overlay.svelte-bxa07c .ov-line:where(.svelte-bxa07c){letter-spacing:.25em;font-size:1.1rem;font-weight:700}.overlay.svelte-bxa07c .ov-sub:where(.svelte-bxa07c){letter-spacing:.1em;color:var(--text-secondary);font-size:.65rem}.overlay.offline.svelte-bxa07c .ov-line:where(.svelte-bxa07c){color:var(--error)}.overlay.stale.svelte-bxa07c .ov-line:where(.svelte-bxa07c){color:var(--warn)}.placeholder.svelte-bxa07c{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex;position:absolute;inset:0}.placeholder.svelte-bxa07c .ph-line:where(.svelte-bxa07c){letter-spacing:.18em;color:var(--accent);font-size:.75rem}.placeholder.svelte-bxa07c .ph-sub:where(.svelte-bxa07c){letter-spacing:.05em;opacity:.75;word-break:break-word;max-width:90%;font-size:.6rem}.caption.svelte-bxa07c{color:var(--text-secondary);letter-spacing:.08em;border-top:1px solid var(--border);flex-wrap:wrap;flex:none;gap:6px;padding-top:4px;font-size:.6rem;display:flex}.caption.svelte-bxa07c .model:where(.svelte-bxa07c){opacity:.7}.modal-backdrop.svelte-bxa07c{all:unset;z-index:9999;cursor:zoom-out;box-sizing:border-box;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-backdrop.svelte-bxa07c img:where(.svelte-bxa07c){object-fit:contain;border:1px solid var(--accent);max-width:100%;max-height:calc(100% - 30px)}.modal-hint.svelte-bxa07c{letter-spacing:.15em;color:var(--text-secondary);margin-top:8px;font-family:ui-monospace,monospace;font-size:.6rem}