.iframe-16by9[data-v-7da9a03f]{position:relative;width:100%;aspect-ratio:16 / 9}.iframe-16by9 iframe[data-v-7da9a03f]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.big-cam-col[data-v-7da9a03f]{display:flex}.big-cam-card[data-v-7da9a03f]{display:flex;flex-direction:column;width:100%}.iframe-fill[data-v-7da9a03f]{flex:1;position:relative}.iframe-fill iframe[data-v-7da9a03f]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.camera-item[data-v-7a7068cd]{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #00000014;cursor:pointer;position:relative}.camera-item.focus[data-v-7a7068cd]{outline:2px solid #1890ff}.cam-title[data-v-7a7068cd]{font-weight:600;text-align:center;color:#fff;padding:3px;background:#ffffff80;position:absolute;z-index:1;width:100%}.cam-frame[data-v-7a7068cd]{position:absolute;width:100%;height:100%}.cam-frame iframe[data-v-7a7068cd]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:contain}.layout-selector{display:flex;gap:8px}.item{background:#000;width:100%;height:320px}.layout-btn{height:44px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer;padding:6px;transition:all .2s}.layout-btn:hover{border-color:#0b6b83}.layout-btn.active{background:#f76e34;border-color:#f76e34;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6px,1fr));gap:1px}.cell{width:100%;aspect-ratio:1;background:#bbb;border-radius:2px}.layout-btn.active .cell{background:#fff}.camera-pool{display:grid;gap:2px}.camera-pool[data-count="1"]{grid-template-columns:1fr}.camera-pool[data-count="2"]{grid-template-columns:1fr 1fr}.camera-pool[data-count="3"]{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:2px}.camera-pool[data-count="4"]{grid-template-columns:1fr 1fr}.camera-pool[data-count="5"]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:2px}.camera-pool[data-count="5"] .camera-item:first-child{grid-column:1 / -1}.camera-pool[data-count="6"]{grid-template-columns:repeat(3,1fr)}.camera-pool[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]):not([data-count="6"]){grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.camera-pool[data-count="3"]{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.camera-pool[data-count="3"] .camera-item:first-child{grid-row:1 / span 2}.cam-fullscreen[data-v-39318dd4]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#000;padding:10px}.wall-16by9[data-v-39318dd4]{position:relative;width:100%;aspect-ratio:16 / 9;background:#0000000f}.wall-16by9 .camera-pool[data-v-39318dd4]{position:absolute;top:0;right:0;bottom:0;left:0}.layout-selector[data-v-39318dd4]{display:flex;gap:8px}.layout-btn[data-v-39318dd4]{width:44px;height:44px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer;padding:6px;transition:all .2s}.layout-btn[data-v-39318dd4]:hover{border-color:#0b6b83}.layout-btn.active[data-v-39318dd4]{background:#0b6b83;border-color:#0b6b83}.grid[data-v-39318dd4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(6px,1fr));gap:1px}.cell[data-v-39318dd4]{width:100%;aspect-ratio:1;background:#bbb;border-radius:2px}.layout-btn.active .cell[data-v-39318dd4]{background:#fff}