*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7fb;color:#252631}a{color:#4d4aa8;text-decoration:none}header{background:#fff;border-bottom:1px solid #e4e5ec}.wrap{max-width:1180px;margin:auto;padding:18px}.top{display:flex;justify-content:space-between;align-items:center}.top nav{display:flex;gap:18px}.card{background:#fff;border:1px solid #e4e5ec;border-radius:14px;padding:20px;box-shadow:0 8px 30px rgba(30,31,55,.05)}.login{max-width:430px;margin:60px auto}.login form{display:grid;gap:16px}label{display:grid;gap:6px}input,button{font:inherit;padding:11px 12px;border-radius:9px;border:1px solid #cfd1dc}button{cursor:pointer;background:#5652b9;color:#fff;border:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.camera h2{margin:.25rem 0 1rem}.meta{font-size:13px;color:#686b79}.embed iframe,.embed video{width:100%;min-height:260px;border:0}.msg{padding:10px 12px;border-radius:8px}.err{background:#fde8e8}.ok{background:#e8f8ec}.table{overflow:auto;background:#fff;border-radius:12px}.table table{border-collapse:collapse;width:100%}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.inline{display:inline-flex;gap:6px;margin:2px}.inline input{width:150px}footer{color:#777}@media(max-width:640px){.top{align-items:flex-start;gap:12px}.top nav{flex-wrap:wrap}.grid{grid-template-columns:1fr}.embed iframe,.embed video{min-height:220px}}
.camera-view {
    max-width: 960px;
    margin: 0 auto;
}

.camera-view .embed {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    background: #111;
    border-radius: 8px;
}

.camera-view .embed iframe,
.camera-view .embed video,
.camera-view .embed object,
.camera-view .embed embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0;
}

@media (max-width: 700px) {
    .camera-view {
        max-width: 100%;
    }

    .camera-view .embed {
        border-radius: 4px;
    }
}