.switcher-icon--on{display:none}.peer:checked~div .switcher-icon--off{display:none}.peer:checked~div .switcher-icon--on{display:block}.layout-6{display:grid;gap:4px;height:100%;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"main main rightTop" "main main rightBottom" "bottomLeft bottomCenter bottomRight"}.layout-6>:nth-child(1){grid-area:main}.layout-6>:nth-child(2){grid-area:rightTop}.layout-6>:nth-child(3){grid-area:rightBottom}.layout-6>:nth-child(4){grid-area:bottomLeft}.layout-6>:nth-child(5){grid-area:bottomCenter}.layout-6>:nth-child(6){grid-area:bottomRight}.layout-7{display:grid;gap:4px;height:100%;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"main main main rightTop" "main main main rightBottom" "bottomLeft bottomCenterLeft bottomCenterRight bottomRight"}.layout-7>:nth-child(1){grid-area:main}.layout-7>:nth-child(2){grid-area:rightTop}.layout-7>:nth-child(3){grid-area:rightBottom}.layout-7>:nth-child(4){grid-area:bottomLeft}.layout-7>:nth-child(5){grid-area:bottomCenterLeft}.layout-7>:nth-child(6){grid-area:bottomCenterRight}.layout-7>:nth-child(7){grid-area:bottomRight}.layout-9{display:grid;gap:4px;height:100%;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"one one two three" "one one four five" "six seven eight nine"}.layout-9>:nth-child(1){grid-area:one}.layout-9>:nth-child(2){grid-area:two}.layout-9>:nth-child(3){grid-area:three}.layout-9>:nth-child(4){grid-area:four}.layout-9>:nth-child(5){grid-area:five}.layout-9>:nth-child(6){grid-area:six}.layout-9>:nth-child(7){grid-area:seven}.layout-9>:nth-child(8){grid-area:eight}.layout-9>:nth-child(9){grid-area:nine}.stream-container{position:relative;background:#1a1a22;border-radius:2px;overflow:hidden}.stream-container iframe{width:100%;height:100%;border:none}.stream-label{position:absolute;top:8px;left:8px;display:flex;align-items:center;background:#000000b3;padding:4px 8px;border-radius:4px;font-size:12px;color:#fff;z-index:10}.stream-label img{width:16px;height:16px;margin-right:6px}.stream-label.small{font-size:10px;padding:2px 6px}.stream-label.small img{width:12px;height:12px}.edit-link{position:fixed;top:16px;left:16px;background:#0009;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px;border-radius:8px;text-decoration:none;font-size:12px;z-index:100;display:flex;align-items:center;transition:all .3s ease;overflow:hidden;max-width:34px}.edit-link:hover{background:#000000e6;max-width:220px}.edit-link svg{width:16px;height:16px;flex-shrink:0}.edit-link span{margin-left:8px;white-space:nowrap;opacity:0;transition:opacity .2s ease}.edit-link:hover span{opacity:1}