.webcam-nav{display:inline-flex;align-items:center;gap:7px}.webcam-modal,.webcam-zoom{color:#edf5f8;background:#131f2a;border:1px solid #354959;border-radius:16px;padding:24px;box-shadow:0 24px 100px #0009;width:min(1200px,calc(100% - 24px));max-height:92dvh}.webcam-modal::backdrop,.webcam-zoom::backdrop{background:#030a10bd;backdrop-filter:blur(5px)}.webcam-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.webcam-header h2{font-size:24px;margin-top:8px}.webcam-intro,.webcam-footer{font-size:12px;line-height:1.6;margin-top:15px}.webcam-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.webcam-card{background:#0e1923;border:1px solid #283847;border-radius:12px;padding:16px;min-width:0}.webcam-cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.webcam-cardhead h3{font-size:17px;margin:0;font-weight:550}.webcam-cardhead span{font-size:11px;color:#62ddbb}.webcam-picture{display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid #283847;border-radius:8px;background:#172633;overflow:hidden}.webcam-picture:disabled{cursor:default}.webcam-picture img{width:100%;height:100%;object-fit:contain;display:block}.webcam-placeholder{display:block;color:#9db0bf;font-size:13px;padding:25px}.webcam-status{font-size:12px;color:#62ddbb;min-height:40px;margin-top:13px}.webcam-stamp{font-size:11px;color:#aabac7}.webcam-error{border-color:#655035}.webcam-error .webcam-status{color:#f2c980}.webcam-error .webcam-picture img{opacity:.75}.webcam-zoom{width:min(1500px,calc(100% - 20px))}.webcam-zoom-image{margin-top:18px;background:#0c141c;border-radius:8px}.webcam-zoom-image img{display:block;width:100%;max-height:73dvh;object-fit:contain}.webcam-zoom-status{font-size:12px;margin-top:12px}@media(max-width:700px){.webcam-grid{grid-template-columns:1fr}.webcam-modal,.webcam-zoom{padding:16px}.webcam-header h2{font-size:20px}.webcam-status{min-height:0}.webcam-stamp{font-size:12px}.webcam-picture{min-height:150px}}