.multiview-container.svelte-13zclnn{display:flex;flex-direction:column;height:88vh;width:100%;overflow:hidden;background-color:#0f0f0f;color:#fff}.multiview-header.svelte-13zclnn{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#1a1a1a;border-bottom:1px solid #333;height:60px}.header-left.svelte-13zclnn h1:where(.svelte-13zclnn){font-size:1.5rem;margin:0}.header-right.svelte-13zclnn{display:flex;gap:1rem;align-items:center}.icon-button.svelte-13zclnn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:background-color .2s}.icon-button.svelte-13zclnn:hover{background-color:#ffffff1a}.layout-controls.svelte-13zclnn{display:flex;align-items:center;min-width:800px}.layout-buttons.svelte-13zclnn{display:flex;gap:.5rem;width:100%}.layout-category.svelte-13zclnn{display:flex}.special-layouts.svelte-13zclnn{margin-left:.5rem;padding-left:.5rem;border-left:1px solid #444;display:flex;align-items:center;overflow-x:auto;max-width:400px}.special-layouts.svelte-13zclnn .layout-grid:where(.svelte-13zclnn){display:flex;flex-wrap:nowrap;gap:.5rem}.layout-grid.svelte-13zclnn{display:flex;gap:.5rem}.layout-option.svelte-13zclnn{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.layout-option.svelte-13zclnn:hover{background-color:#ffffff1a}.layout-option.svelte-13zclnn span:where(.svelte-13zclnn){font-size:.7rem}.layout-preview.svelte-13zclnn{width:32px;height:24px;background-color:#333;border-radius:4px;display:grid;gap:2px;padding:2px}.layout-1x1.svelte-13zclnn{grid-template-columns:1fr;grid-template-rows:1fr}.layout-1x1.svelte-13zclnn:before{content:"";background-color:#555;grid-column:1;grid-row:1;border-radius:2px}.layout-1x2.svelte-13zclnn{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.layout-1x2.svelte-13zclnn:before,.layout-1x2.svelte-13zclnn:after{content:"";background-color:#555;border-radius:2px}.layout-1x2.svelte-13zclnn:before{grid-column:1;grid-row:1}.layout-1x2.svelte-13zclnn:after{grid-column:2;grid-row:1}.layout-2x2.svelte-13zclnn{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}.layout-2x2.svelte-13zclnn:before,.layout-2x2.svelte-13zclnn:after,.layout-2x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1),.layout-2x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(2){content:"";background-color:#555;border-radius:2px}.layout-2x2.svelte-13zclnn:before{grid-column:1;grid-row:1}.layout-2x2.svelte-13zclnn:after{grid-column:2;grid-row:1}.layout-2x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1){grid-column:1;grid-row:2}.layout-2x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(2){grid-column:2;grid-row:2}.layout-2x3.svelte-13zclnn{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}.layout-2x3.svelte-13zclnn:before,.layout-2x3.svelte-13zclnn:after,.layout-2x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1),.layout-2x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(2),.layout-2x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(3),.layout-2x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(4){content:"";background-color:#555;border-radius:2px}.layout-2x3.svelte-13zclnn:before{grid-column:1;grid-row:1}.layout-2x3.svelte-13zclnn:after{grid-column:2;grid-row:1}.layout-2x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1){grid-column:3;grid-row:1}.layout-2x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(2){grid-column:1;grid-row:2}.layout-2x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(3){grid-column:2;grid-row:2}.layout-2x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(4){grid-column:3;grid-row:2}.layout-3x3.svelte-13zclnn{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1px}.layout-3x3.svelte-13zclnn:before{content:"";background-color:#555;grid-column:1;grid-row:1;border-radius:2px}.layout-3x3.svelte-13zclnn:after{content:"";background-color:#555;grid-column:2;grid-row:1;border-radius:2px}.layout-3x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1){content:"";background-color:#555;grid-column:3;grid-row:1;border-radius:2px}.layout-3x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(2){content:"";background-color:#555;grid-column:1;grid-row:2;border-radius:2px}.layout-3x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(3){content:"";background-color:#555;grid-column:2;grid-row:2;border-radius:2px}.layout-3x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(4){content:"";background-color:#555;grid-column:3;grid-row:2;border-radius:2px}.layout-3x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(5){content:"";background-color:#555;grid-column:1;grid-row:3;border-radius:2px}.layout-3x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(6){content:"";background-color:#555;grid-column:2;grid-row:3;border-radius:2px}.layout-3x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(7){content:"";background-color:#555;grid-column:3;grid-row:3;border-radius:2px}.layout-1x3.svelte-13zclnn{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:2px}.layout-1x3.svelte-13zclnn:before,.layout-1x3.svelte-13zclnn:after,.layout-1x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1){content:"";background-color:#555;border-radius:2px}.layout-1x3.svelte-13zclnn:before{grid-column:1;grid-row:1}.layout-1x3.svelte-13zclnn:after{grid-column:2;grid-row:1}.layout-1x3.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1){grid-column:3;grid-row:1}.layout-3x1.svelte-13zclnn{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;gap:2px}.layout-3x1.svelte-13zclnn:before,.layout-3x1.svelte-13zclnn:after,.layout-3x1.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1){content:"";background-color:#555;border-radius:2px}.layout-3x1.svelte-13zclnn:before{grid-column:1;grid-row:1}.layout-3x1.svelte-13zclnn:after{grid-column:1;grid-row:2}.layout-3x1.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1){grid-column:1;grid-row:3}.layout-3x2.svelte-13zclnn{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:2px}.layout-3x2.svelte-13zclnn:before,.layout-3x2.svelte-13zclnn:after,.layout-3x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1),.layout-3x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(2),.layout-3x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(3),.layout-3x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(4){content:"";background-color:#555;border-radius:2px}.layout-3x2.svelte-13zclnn:before{grid-column:1;grid-row:1}.layout-3x2.svelte-13zclnn:after{grid-column:2;grid-row:1}.layout-3x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(1){grid-column:1;grid-row:2}.layout-3x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(2){grid-column:2;grid-row:2}.layout-3x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(3){grid-column:1;grid-row:3}.layout-3x2.svelte-13zclnn span:where(.svelte-13zclnn):nth-child(4){grid-column:2;grid-row:3}.multiview-content.svelte-13zclnn{display:flex;flex:1;overflow:hidden;position:relative}.multiview-sidebar.svelte-13zclnn{width:320px;background-color:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;overflow-y:auto}.search-container.svelte-13zclnn{position:relative;padding:1rem}.search-container.svelte-13zclnn input:where(.svelte-13zclnn){width:100%;padding:.5rem 2rem .5rem .5rem;background-color:#333;border:none;border-radius:4px;color:#fff}.group-filter.svelte-13zclnn,.stream-type-filter.svelte-13zclnn{padding:0 1rem 1rem}.filter-header.svelte-13zclnn{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#ccc}.group-buttons.svelte-13zclnn{display:flex;flex-wrap:wrap;gap:.5rem}.group-button.svelte-13zclnn{background-color:#333;border:none;color:#fff;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:opacity .2s}.group-button.active.svelte-13zclnn{opacity:1}.group-button.svelte-13zclnn:not(.active){opacity:.7}.live-videos-list.svelte-13zclnn{padding:0 1rem;flex:1;overflow-y:auto}.list-header.svelte-13zclnn{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.update-info.svelte-13zclnn{display:flex;align-items:center;gap:.5rem}.last-updated.svelte-13zclnn{font-size:.8rem;color:#ccc}.live-video-item.svelte-13zclnn{display:flex;margin-bottom:1rem;background-color:#222;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;height:80px}.live-video-item.svelte-13zclnn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.video-thumbnail.svelte-13zclnn{width:142px;height:80px;position:relative;flex-shrink:0;overflow:hidden;background-color:#000}.video-thumbnail.svelte-13zclnn img:where(.svelte-13zclnn){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.live-badge.svelte-13zclnn{position:absolute;bottom:4px;left:4px;background-color:red;color:#fff;font-size:.6rem;padding:.1rem .3rem;border-radius:2px;font-weight:700}.viewers-count.svelte-13zclnn{position:absolute;bottom:4px;right:4px;background-color:#000000b3;color:#fff;font-size:.6rem;padding:.1rem .3rem;border-radius:2px;display:flex;align-items:center;gap:.2rem}.video-info.svelte-13zclnn{padding:.5rem;flex:1;min-width:0}.channel-info.svelte-13zclnn{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.channel-avatar.svelte-13zclnn{width:20px;height:20px;border-radius:50%}.channel-name.svelte-13zclnn{font-size:.7rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-title.svelte-13zclnn{margin:0;font-size:.8rem;line-height:1.2;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-meta.svelte-13zclnn{font-size:.7rem;color:#999;margin-top:.25rem}.add-button.svelte-13zclnn{position:absolute;top:.5rem;right:.5rem;background-color:#00000080;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.live-video-item.svelte-13zclnn:hover .add-button:where(.svelte-13zclnn){opacity:1}.multiview-main.svelte-13zclnn{flex:1;overflow:hidden;background-color:#0f0f0f}.multiview-main.with-sidebar.with-chat.svelte-13zclnn{flex:1}.video-grid.svelte-13zclnn{display:grid;gap:4px;height:100%;padding:4px}.video-container.svelte-13zclnn{background-color:#000;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #333;transition:border-color .2s}.video-container.active.svelte-13zclnn{border-color:#1a73e8}.video-header.svelte-13zclnn{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;background-color:#1a1a1a;height:32px}.video-title-container.svelte-13zclnn{display:flex;align-items:center;gap:.5rem;overflow:hidden}.channel-avatar-small.svelte-13zclnn{width:16px;height:16px;border-radius:50%}.video-title-text.svelte-13zclnn{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-video.svelte-13zclnn{background:none;border:none;color:#999;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.remove-video.svelte-13zclnn:hover{background-color:#ffffff1a;color:#fff}.video-player.svelte-13zclnn{flex:1;position:relative}.video-player.svelte-13zclnn iframe:where(.svelte-13zclnn){position:absolute;top:0;left:0;width:100%;height:100%}.empty-state.svelte-13zclnn{grid-column:1 / -1;grid-row:1 / -1;display:flex;align-items:center;justify-content:center}.empty-message.svelte-13zclnn{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#666}.mobile-option.svelte-13zclnn{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.mobile-option.svelte-13zclnn p:where(.svelte-13zclnn){font-size:.9rem;color:#888;margin:0}.mobile-button.svelte-13zclnn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:500;height:2.5rem;padding:0 1rem;background-color:#171717;color:#fafafa;border:1px solid hsl(0 0% 14.9%);box-shadow:0 1px 2px #0000000d;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-button.svelte-13zclnn:hover{background-color:#262626;border-color:#383838;text-decoration:none;color:#fafafa;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mobile-button.svelte-13zclnn:focus{outline:none;ring:2px solid hsl(0 0% 9%);ring-offset:2px}.mobile-button.svelte-13zclnn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.mobile-button.svelte-13zclnn:hover:before{left:100%}.chat-sidebar.svelte-13zclnn{width:350px;background-color:#0f0f0f;border-left:1px solid #333;display:flex;flex-direction:column;overflow:hidden}.chat-header.svelte-13zclnn{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:2px solid #444;background-color:#1a1a1a}.chat-close-button.svelte-13zclnn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:4px;border-radius:4px}.chat-close-button.svelte-13zclnn:hover{background-color:var(--hover-color)}.chat-container-wrapper.svelte-13zclnn{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-section.svelte-13zclnn{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.chat-section.svelte-13zclnn:not(:last-child){border-bottom:2px solid #444}.chat-section-header.svelte-13zclnn{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-color, #333);background-color:#1a1a1a}.chat-controls.svelte-13zclnn{display:flex;align-items:center;gap:8px}.chat-mode-toggle.svelte-13zclnn{background-color:#333;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.chat-mode-toggle.svelte-13zclnn:hover{background-color:#444}.chat-selector.svelte-13zclnn{background-color:#222;color:#fff;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:12px}.chat-selector.svelte-13zclnn option:where(.svelte-13zclnn){background-color:#222;color:#fff}.chat-container.svelte-13zclnn{position:relative;flex:1;overflow:hidden}.chat-frame.svelte-13zclnn{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.chat-frame.active.svelte-13zclnn{display:block}.chat-frame.svelte-13zclnn iframe:where(.svelte-13zclnn){width:100%;height:100%;border:none}.dual-mode.svelte-13zclnn .chat-section:where(.svelte-13zclnn){height:50%;position:relative}.dual-mode.svelte-13zclnn .chat-section:where(.svelte-13zclnn):first-child:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#444;z-index:2}@media(max-width:1200px){.layout-buttons.svelte-13zclnn{max-width:400px}}@media(max-width:992px){.layout-buttons.svelte-13zclnn{max-width:300px}}@media(max-width:768px){.multiview-sidebar.svelte-13zclnn{position:absolute;top:60px;left:0;bottom:0;z-index:10;width:100%}.chat-sidebar.svelte-13zclnn{position:absolute;top:60px;right:0;bottom:0;z-index:10;width:100%}.layout-controls.svelte-13zclnn{display:none}}.main-layout-preview.svelte-13zclnn{background-color:#333;position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:24px;border-radius:4px}.main-number.svelte-13zclnn{font-size:.8rem;font-weight:700;color:#fff}.layout-option.active.svelte-13zclnn{border:2px solid #3b82f6;background-color:#3b82f61a}.layout-option.active.svelte-13zclnn .layout-preview:where(.svelte-13zclnn){border-color:#3b82f6}.sidebar-toggle-button.svelte-13zclnn{background-color:#333;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:4px;transition:background-color .2s;font-size:.8rem}.sidebar-toggle-button.svelte-13zclnn:hover{background-color:#444}.sidebar-toggle-button.svelte-13zclnn span:where(.svelte-13zclnn){display:inline-block}.chat-section-title.svelte-13zclnn{font-weight:700;font-size:14px;color:#fff}.custom-layout.svelte-13zclnn{display:flex;flex-direction:column;height:100%;padding:4px;gap:4px}.main-video-container.svelte-13zclnn{flex:3;background-color:#000;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #333}.sub-videos-container.svelte-13zclnn{flex:1;display:flex;gap:4px;overflow-x:auto}.sub-video-container.svelte-13zclnn{flex:1;min-width:200px;background-color:#000;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #333;transition:border-color .2s}.sub-video-container.active.svelte-13zclnn{border-color:#1a73e8}