.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;-o-user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{width:20px;height:20px;position:absolute}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
.vd{--chrome:42px;--rail:64px;--drawer:320px;--desk-gutter:12px;--desk-edge:16px;--accent:#7ec8d8;--surface:#141018;--text:#f4ece2;--muted:#b5a89a;--page-bg:#0c0a10;--line:#f4ece224;--btn-bg:#fff7ec14;--btn-fg:#f4ece2;--btn-border:#f4ece238;--danger:#e26d6d;--radius:8px;--tile-radius:12px;--focus-bar:18px;--font:var(--font-inter), "IBM Plex Sans", system-ui, sans-serif;--stage-transition:.22s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--page-bg);font-size:13px;position:fixed;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.vd{--stage-transition:1ms}}.vd[data-theme=dim]{--surface:#1a1620;--page-bg:#121018;--text:#efe6db}.vd[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff7ec;--text:#2a2118;--muted:#6d5f50;--page-bg:#f3ebe1;--line:#2a211829;--btn-bg:#fffdf9;--btn-fg:#2a2118;--btn-border:#c9b8a4;--danger:#b42318}.vd,.vd *{box-sizing:border-box}.vd button,.vd input:not([type=radio]),.vd select{font:inherit;color:var(--btn-fg);appearance:none;background-color:var(--btn-bg)}.vd button{border:1px solid var(--btn-border);cursor:pointer;border-radius:6px;min-height:26px}.vd button svg{color:inherit;stroke:currentColor}.vd button:disabled{color:var(--muted);border-color:color-mix(in srgb, var(--btn-border) 55%, transparent);cursor:not-allowed}.vd .icon-btn,.vd .text-btn,.vd .mode-btn,.vd .ghost-btn,.vd .primary-btn{color:var(--btn-fg);background-color:var(--btn-bg);border:1px solid var(--btn-border);justify-content:center;align-items:center;gap:.3rem;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.vd .icon-btn{flex:none;width:26px;height:26px;padding:0}.vd .text-btn{white-space:nowrap;height:26px;padding:0 .45rem}.vd .ghost-btn{padding:.4rem .7rem}.vd .icon-btn.is-on,.vd .text-btn.is-on,.vd .mode-btn.is-on,.vd .mode-btn[data-state=on]{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 24%, var(--btn-bg));box-shadow:inset 0 0 0 1px var(--accent)}.vd .danger{color:var(--danger)}.vd :is(.icon-btn,.text-btn,.mode-btn,.ghost-btn):hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb, var(--text) 34%, var(--btn-border));background-color:color-mix(in srgb, var(--text) 7%, var(--btn-bg))}.vd :is(.icon-btn,.text-btn,.mode-btn,.ghost-btn):active:not(:disabled){background-color:color-mix(in srgb, var(--text) 11%, var(--btn-bg))}.vd :is(.icon-btn.is-on,.text-btn.is-on,.mode-btn.is-on,.mode-btn[data-state=on]):hover:not(:disabled){color:var(--text);border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) 32%, var(--btn-bg))}.vd .icon-btn.danger:hover:not(:disabled){color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, var(--btn-border));background-color:color-mix(in srgb, var(--danger) 10%, var(--btn-bg))}.vd :is(button,input,select,a):focus-visible,.vd .menu__item:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:1px}.vd .primary-btn{background:var(--accent);color:#2a2118;border-color:var(--accent);padding:.4rem .8rem;font-weight:600}.vd .primary-btn:hover:not(:disabled){filter:brightness(1.06)}.vd .muted{color:var(--muted)}.vd .tiny{font-size:10px}.vd input:not([type=radio]){border:1px solid var(--btn-border);border-radius:6px;min-height:26px;padding:.2rem .45rem}.vd .desk{--chrome-size:var(--chrome);width:100%;min-width:0;height:100%;min-height:0;color:var(--text);grid-template-columns:var(--rail) minmax(0, 1fr);grid-template-rows:var(--chrome-size) minmax(0, 1fr);grid-template-areas:"rail chrome""rail stage";display:grid;position:relative}.vd .desk>*{z-index:1;min-width:0;min-height:0;position:relative}.vd .desk--chat-right{grid-template-columns:var(--rail) minmax(0, 1fr) var(--drawer);grid-template-areas:"rail chrome chrome""rail stage drawer"}.vd .desk>.chat-drawer{grid-area:drawer}.vd .desk-rail{background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-right:1px solid var(--line);flex-direction:column;grid-area:rail;justify-content:space-between;align-items:center;padding:8px 0;display:flex;box-shadow:1px 0 12px #00000038}.vd .desk-rail__nav{flex-direction:column;align-items:center;gap:6px;width:100%;padding:0 8px;display:flex}.vd .desk-rail__btn{width:40px;height:40px;color:var(--muted);background:0 0;border-color:#0000;border-radius:8px;padding:0}.vd .desk-rail__btn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 6%, var(--btn-bg));border-color:#0000}.vd .desk-rail__btn.is-active{color:#2a2118;background:var(--accent);border-color:color-mix(in srgb, var(--accent) 70%, var(--line));box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 35%, transparent)}.vd .desk-rail__hint{writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase;margin:0;padding:0 4px 8px;transform:rotate(180deg)}.vd .chrome-bar{height:var(--chrome);max-height:var(--chrome);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--line);grid-area:chrome;align-items:center;gap:8px;padding:0 8px;display:flex;box-shadow:0 1px 12px #00000059}.vd .chrome-bar__drag{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.vd .chrome-mark{width:30px;height:30px;color:var(--text);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.vd .chrome-mark:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent) 0%, transparent 70%);filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute;inset:2px}.vd .chrome-mark svg{width:30px;height:30px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--accent) 75%, transparent));display:block;position:relative}.vd .chrome-wordmark{letter-spacing:-.02em;white-space:nowrap;font-weight:600}.vd .chrome-search{flex:0 11rem;align-items:center;min-width:6.5rem;display:flex;position:relative}.vd .chrome-search input{width:100%}.vd .chrome-error{z-index:2;color:var(--danger);white-space:nowrap;font-size:10px;position:absolute;top:calc(100% + 2px);left:0}.vd .chrome-actions{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.vd .chrome-actions>*{flex:none}.vd .mode-group{border:1px solid color-mix(in srgb, var(--line) 90%, transparent);background:color-mix(in srgb, var(--page-bg) 88%, var(--surface));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 4%, transparent);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.vd .mode-btn{height:26px;max-height:26px;color:var(--muted);background:0 0;border-color:#0000;border-radius:8px;flex:none;padding:0 .6rem;font-size:12px}.vd .mode-btn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 5%, transparent);border-color:#0000}.vd .mode-btn.is-on{color:var(--accent);background:color-mix(in srgb, var(--surface) 92%, var(--page-bg));border-color:color-mix(in srgb, var(--line) 70%, transparent);font-weight:700;box-shadow:0 1px 6px #00000047}.vd .chrome-menu-btn{margin-left:auto}.vd .chrome-profile{border:1px solid var(--btn-border);background:var(--btn-bg);height:26px;color:var(--btn-fg);border-radius:99px;align-items:center;gap:6px;max-width:11rem;padding:0 .4rem 0 .2rem;font-size:12px;text-decoration:none;display:inline-flex}.vd .chrome-profile:hover{border-color:color-mix(in srgb, var(--text) 34%, var(--btn-border))}.vd .chrome-profile__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vd .chrome-profile__avatar{object-fit:cover;border-radius:50%;flex:none;width:20px;height:20px}.vd .chrome-profile__dot{background:color-mix(in srgb, var(--accent) 40%, var(--btn-bg));border-radius:50%;flex:none;width:20px;height:20px}.vd .desk--chat-right .chat-drawer{margin:var(--desk-edge,16px) var(--desk-edge,16px) var(--desk-edge,16px) 0;border-radius:var(--tile-radius);border:1px solid color-mix(in srgb, var(--line) 85%, transparent);overflow:hidden;box-shadow:0 12px 32px #00000061}.vd .chat-drawer{background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.vd .chat-drawer__head{background:color-mix(in srgb, var(--surface) 55%, var(--page-bg));border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.vd .chat-drawer__title{letter-spacing:.005em;color:var(--text);align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:600;display:inline-flex}.vd .chat-drawer__title svg{color:var(--accent);flex:none}.vd .chat-drawer__close{flex:none}.vd .chat-drawer__tab-well{background:color-mix(in srgb, var(--page-bg) 92%, var(--surface));border:1px solid color-mix(in srgb, var(--line) 65%, transparent);scrollbar-width:thin;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;margin:0 8px 8px;padding:3px;display:flex;overflow-x:auto}.vd .chat-drawer__tab{min-width:0;min-height:unset;color:var(--muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1 1 0;padding:.35rem .5rem;font-size:10px;font-weight:600;transition:background-color .12s,color .12s,box-shadow .12s;overflow:hidden}.vd .chat-drawer__tab:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent);border-color:#0000}.vd .chat-drawer__tab.is-on{color:var(--accent);background:color-mix(in srgb, var(--surface) 90%, var(--page-bg));box-shadow:0 1px 4px #00000038}.vd .chat-drawer__body{flex:auto;min-height:0}.vd .chat-drawer__frame{background:var(--surface);border:0;width:100%;height:100%;display:block}.vd .desk-stage{flex-direction:column;grid-area:stage;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.vd.desk--mode-standard .desk-stage{padding:var(--desk-edge,16px);background-color:var(--page-bg);background-image:linear-gradient(color-mix(in srgb, var(--accent) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 4%, transparent) 1px, transparent 1px);background-size:min(8.333vw,96px) 4rem}.vd.desk--mode-performance .desk-stage{padding:0 var(--desk-edge,16px) var(--desk-edge,16px);background:var(--page-bg)}.vd.desk--mode-focus .desk-stage{background:var(--page-bg);padding:0}.vd .stream-grid-measure{flex:auto;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.vd .stream-grid-measure--scroll{overflow:auto}.vd .stream-grid,.vd .focus-stage{width:100%;min-height:0}.vd .stream-grid{height:100%}.vd .stream-grid-measure,.vd .focus-stage{animation:vd-stage-enter var(--stage-transition,.22s) ease}@keyframes vd-stage-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.vd .focus-stage-wrap{flex-direction:column;flex:auto;gap:0;min-height:0;display:flex}.vd .focus-thin-bar{height:var(--focus-bar);min-height:var(--focus-bar);border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--page-bg) 80%, var(--surface));-webkit-backdrop-filter:blur(14px)saturate(1.15);box-shadow:0 1px 0 color-mix(in srgb, var(--line) 55%, transparent);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:0;flex:none;align-items:center;gap:8px;margin:0;padding:0 10px;font-size:10px;display:flex}.vd .focus-thin-bar__live{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:50%;flex:none;animation:1.6s ease-in-out infinite vd-pulse}@keyframes vd-pulse{0%,to{opacity:1}50%{opacity:.45}}.vd .focus-thin-bar__title{color:var(--text);text-transform:none;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.vd .focus-thin-bar__tag{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border-radius:4px;padding:0 .35rem;font-size:9px}.vd .focus-thin-bar__spacer{flex:auto;min-width:0}.vd .focus-thin-bar__link{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;height:auto;min-height:14px;padding:0 .25rem;font-size:9px}.vd .focus-thin-bar__link:hover{color:var(--accent);background:0 0;border-color:#0000}.vd .focus-stage.focus-canvas{grid-template-columns:minmax(0,72%) minmax(0,28%);grid-template-rows:var(--focus-rows,1fr);flex:auto;gap:0;min-height:0;padding:0;display:grid}.vd .focus-hero{grid-area:1/1/-1;min-height:0}.vd .focus-hero .stream-tile{box-shadow:none;border-width:0;border-radius:0}.vd .focus-hero .stream-tile:hover{box-shadow:none}.vd .focus-strip__item{grid-column:2;grid-row:var(--focus-slot);cursor:pointer;background:0 0;border:0;min-height:0;padding:8px 8px 8px 0}.vd .focus-strip__frame{border-radius:calc(var(--tile-radius) + 2px);background:color-mix(in srgb, var(--surface) 75%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);height:100%;padding:4px;box-shadow:0 8px 28px #00000059}.vd .focus-strip__item:hover .stream-tile{border-color:color-mix(in srgb, var(--accent) 60%, var(--line))}.vd .focus-hero,.vd .focus-strip__item,.vd .stream-grid__item{min-width:0;min-height:0;overflow:hidden}.vd .stream-tile{background:color-mix(in srgb, var(--surface) 35%, #000);border:1px solid var(--line);border-radius:var(--tile-radius);height:100%;transition:border-color var(--stage-transition,.22s) ease, filter var(--stage-transition,.22s) ease, opacity var(--stage-transition,.22s) ease, box-shadow var(--stage-transition,.22s) ease;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000047;container:stream-tile/inline-size}.vd .stream-tile:hover{box-shadow:0 8px 28px #0000006b}.vd .stream-tile--overlay .stream-tile__player{z-index:0;position:absolute;inset:0}.vd .stream-tile--overlay .stream-tile__overlay{z-index:1;pointer-events:none;flex-direction:column;justify-content:flex-start;display:flex;position:absolute;inset:0}.vd .stream-tile--overlay .stream-tile__overlay-vignette{pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--page-bg) 82%, transparent) 0%, transparent 42%), linear-gradient(to bottom, color-mix(in srgb, var(--page-bg) 55%, transparent) 0%, transparent 38%);position:absolute;inset:0}.vd .stream-tile--overlay .stream-tile__overlay-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:6px;padding:8px;display:flex;position:relative}.vd .stream-tile__pill{background:color-mix(in srgb, var(--page-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.15);border:1px solid color-mix(in srgb, var(--line) 85%, transparent);pointer-events:auto;border-radius:8px;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .35rem;display:inline-flex}.vd .stream-tile__pill--meta{flex:auto;min-width:0}.vd .stream-tile__pill--actions{flex:none;gap:.1rem;padding:.15rem}.vd .stream-tile__live{background:var(--accent);width:7px;height:7px;box-shadow:0 0 6px color-mix(in srgb, var(--accent) 75%, transparent);border-radius:50%;flex:none}.vd .icon-btn--ghost{background:0 0;border-color:#0000;width:24px;height:24px}.vd .icon-btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--text) 8%, transparent);border-color:#0000}.vd .stream-tile--overlay .stream-tile__volume,.vd .stream-tile--overlay .stream-tile__channel{pointer-events:auto}.vd .stream-tile.is-focused{border-color:var(--accent)}.vd .stream-tile.is-low{filter:saturate(.7)}.vd .stream-tile__volume{opacity:.55;flex:4rem;align-items:center;min-width:2.5rem;max-width:5.5rem;height:16px;transition:opacity .15s;display:flex}.vd .stream-tile:hover .stream-tile__volume,.vd .stream-tile:focus-within .stream-tile__volume,.vd .react-draggable-dragging .stream-tile__volume{opacity:1}.vd .volume-slider{touch-action:none;align-items:center;width:100%;height:100%;display:flex;position:relative}.vd .volume-slider__track{background:var(--line);border-radius:99px;flex:1;height:3px;position:relative}.vd .volume-slider__range{background:var(--muted);border-radius:99px;height:100%;position:absolute}.vd .volume-slider:hover .volume-slider__range,.vd .volume-slider:focus-within .volume-slider__range{background:var(--accent)}.vd .volume-slider__thumb{background:var(--btn-fg);border:1px solid var(--line);border-radius:50%;width:10px;height:10px;display:block}.vd .volume-slider__thumb:hover,.vd .volume-slider__thumb:focus-visible,.vd .volume-slider__thumb[data-active]{background:var(--accent);border-color:var(--accent);outline:none}@container stream-tile (max-width:140px){.vd .stream-tile__volume{display:none}}.vd .stream-tile__pill.stream-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.vd .react-draggable-dragging .stream-tile__pill.stream-drag-handle{cursor:grabbing}.vd .desk--hover-chrome .stream-tile__overlay-top{opacity:0;transition:opacity .15s}.vd .desk--hover-chrome .stream-tile:hover .stream-tile__overlay-top,.vd .desk--hover-chrome .stream-tile:focus-within .stream-tile__overlay-top,.vd .desk--hover-chrome .react-draggable-dragging .stream-tile__overlay-top{opacity:1}.vd .stream-tile__channel{color:var(--btn-fg);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.vd .stream-tile__channel:hover{color:var(--accent)}.vd .stream-drag-handle .stream-tile__channel{cursor:grab}.vd .stream-tile__player{background:#000;width:100%;height:100%;min-height:0}.vd .platform-chip{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:0;border-radius:4px;flex:none;padding:0 .25rem;font-size:9px;font-weight:700;line-height:14px}.vd .perf-chip{border:1px solid var(--accent);color:var(--accent);border-radius:99px;padding:0 .35rem;font-size:10px}.vd .twitch-player,.vd .twitch-player>div,.vd .twitch-player iframe,.vd .kick-player,.vd .kick-player iframe,.vd .youtube-player,.vd .youtube-player>div,.vd .youtube-player iframe{border:0;width:100%!important;height:100%!important}.vd .is-blocked{pointer-events:none}.vd .player-error{height:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:.5rem;display:grid}.vd .player-error p{margin:0}.vd .empty-grid{height:100%;color:var(--muted);text-align:center;place-items:center;padding:1rem;display:grid}.vd .react-grid-item.react-grid-placeholder{opacity:.4;border-radius:10px;background:color-mix(in srgb, var(--accent) 28%, transparent)!important}.vd .react-grid-item>.react-resizable-handle{z-index:3}.vd .react-grid-item>.react-resizable-handle:after{border-color:var(--accent)!important}.vd [data-radix-popper-content-wrapper]{z-index:80;color:var(--text);background:0 0}.vd .vd-tooltip{z-index:80;background:color-mix(in srgb, var(--surface) 90%, transparent);max-width:min(240px,100vw - 24px);color:var(--text);border:1px solid var(--btn-border);-webkit-backdrop-filter:blur(16px)saturate(1.2);border-radius:6px;padding:.28rem .45rem;font-size:12px;box-shadow:0 8px 24px #2a21182e}.vd .vd-tooltip__arrow{fill:var(--surface)}.vd .menu{z-index:80;background:color-mix(in srgb, var(--surface) 90%, transparent);min-width:200px;color:var(--text);border:1px solid var(--btn-border);-webkit-backdrop-filter:blur(16px)saturate(1.2);border-radius:8px;padding:.3rem;box-shadow:0 16px 40px #2a211829}.vd .menu__item,.vd .menu__label{color:var(--text);cursor:default;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .45rem;text-decoration:none;display:flex}.vd .menu__item{cursor:pointer}.vd .menu__item:hover,.vd .menu__item[data-highlighted]{background:color-mix(in srgb, var(--accent) 22%, var(--surface));outline:none}.vd .menu__item[data-disabled]{color:var(--muted);cursor:default}.vd .menu__sep{background:var(--line);height:1px;margin:.25rem 0}.vd .menu__label{color:var(--muted);font-size:11px}.vd .menu-presets{gap:.2rem;padding:0 .2rem;display:flex}.vd .menu__item--preset{border:1px solid var(--line);flex:1 1 0;justify-content:center}.vd .menu__item--saved{justify-content:space-between;gap:.75rem}.vd .menu__saved-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:16rem;overflow:hidden}.vd .menu__profile{align-items:center;gap:.5rem;min-width:0;padding:.3rem .45rem;display:flex}.vd .menu__profile-text{flex-direction:column;min-width:0;display:flex}.vd .menu__profile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vd .menu-inline{gap:.3rem;padding:.3rem;display:flex}.vd .menu-inline input{flex:auto;min-width:0}.vd .modal-overlay{z-index:100;background:#0c0a1073;position:fixed;inset:0}.vd[data-theme=light] .modal-overlay{background:#2a211847}.vd .modal-card{background:color-mix(in srgb, var(--surface) 92%, transparent);width:min(560px,100vw - 32px);max-height:min(80vh,760px);color:var(--text);border:1px solid var(--btn-border);z-index:110;-webkit-backdrop-filter:blur(18px)saturate(1.2);border-radius:12px;padding:1rem;position:fixed;inset:8% 50% auto;overflow:auto;transform:translate(-50%)}.vd .modal-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.vd .settings-pane{gap:.65rem;display:grid}.vd .settings-pane fieldset{border:1px solid var(--line);border-radius:8px;margin:0;padding:.4rem .6rem .6rem}.vd .settings-pane legend{color:var(--muted);padding:0 .3rem}.vd .choice{color:var(--text);align-items:center;gap:.3rem;margin-right:.7rem;display:inline-flex}.vd .choice input{accent-color:var(--accent);margin:0}.vd .switch-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.vd .switch-row>span{flex-direction:column;gap:.15rem;min-width:0;display:flex}.vd .settings-hint{color:var(--muted);margin:0;font-size:11px;font-weight:400;line-height:1.35}.vd .switch{background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:99px;flex:none;width:34px;height:20px;padding:0}.vd .switch[data-state=checked]{background:color-mix(in srgb, var(--accent) 50%, var(--btn-bg))}.vd .switch__thumb{background:var(--btn-fg);border-radius:50%;width:14px;height:14px;transition:transform .12s;display:block;transform:translate(2px)}.vd .switch[data-state=checked] .switch__thumb{transform:translate(16px)}.vd .settings-actions,.vd .modal-footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.vd .modal-footer{margin-top:.9rem}.vd[data-theme=light] :where(button,input:not([type=radio]),select){color:#2a2118;background-color:#fffdf9;border-color:#c9b8a4}.vd[data-theme=light] :is(.icon-btn.is-on,.text-btn.is-on,.mode-btn.is-on,.mode-btn[data-state=on]){color:#2a2118;background-color:#e7f6f8;border-color:#7ec8d8}.vd[data-theme=light] .primary-btn{color:#2a2118;background-color:#7ec8d8;border-color:#5eafc2}.vd[data-theme=light] .menu__item:hover,.vd[data-theme=light] .menu__item[data-highlighted]{background:color-mix(in srgb, var(--accent) 28%, var(--surface))}.vd[data-theme=light] .switch{background-color:#fffdf9;border-color:#c9b8a4}.vd[data-theme=light] .switch[data-state=checked]{background-color:#7ec8d8}.vd[data-theme=light] .switch__thumb{background-color:#2a2118}.vd[data-theme=light] .perf-chip{color:#2a2118;background-color:#e7f6f8;border-color:#7ec8d8}.vd[data-theme=light] .danger{color:#b42318;background-color:#fffdf9}.vd[data-theme=light] button:disabled{color:#6d5f50;background-color:#f6efe6;border-color:#c9b8a4}.vd[data-theme=light] .stream-tile__channel{background-color:#0000;border-color:#0000}@media (max-width:1279px){.vd{--desk-gutter:6px;--desk-edge:12px;--drawer:280px}.vd .chrome-wordmark{display:none}.vd .chrome-bar{padding:0 var(--desk-edge);gap:6px}.vd .chrome-search{flex-basis:8rem;min-width:5.5rem}.vd .mode-group{padding:2px}.vd .mode-btn{padding:0 .45rem;font-size:11px}.vd .desk--chat-right{grid-template-columns:var(--rail) minmax(0, 1fr);grid-template-rows:var(--chrome-size) minmax(0, 1fr) minmax(160px, 34%);grid-template-areas:"rail chrome""rail stage""rail drawer"}.vd .desk--chat-right .chat-drawer{margin:0 var(--desk-edge) var(--desk-edge);border-radius:var(--tile-radius);border-left:1px solid var(--line);border-top:1px solid var(--line)}.vd .focus-stage.focus-canvas{grid-template-columns:minmax(0,68%) minmax(0,32%)}}@media (max-width:767px){.vd{--rail:0px;--desk-gutter:6px;--desk-edge:8px;--chrome:40px}.vd .desk-rail{display:none}.vd .desk{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--chrome-size) minmax(0, 1fr);grid-template-areas:"chrome""stage"}.vd .chrome-bar{padding:0 var(--desk-edge);gap:4px}.vd .chrome-search{flex-basis:6.5rem;min-width:4.5rem}.vd .chrome-profile__name{display:none}.vd .mode-btn{padding:0 .35rem;font-size:10px}.vd .desk--chat-right{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--chrome-size) minmax(0, 1fr) minmax(140px, 38%);grid-template-areas:"chrome""stage""drawer"}.vd .desk--chat-right .chat-drawer{border-radius:var(--tile-radius) var(--tile-radius) 0 0;border-left:0;border-top:1px solid var(--line);margin:0}.vd .focus-stage.focus-canvas{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.vd .focus-hero{grid-area:1/1}.vd .focus-strip__item{max-height:112px;padding:4px var(--desk-edge) var(--desk-edge);flex:none;grid-area:2/1}.vd .focus-thin-bar{height:auto;min-height:var(--focus-bar);flex-wrap:wrap;padding:4px 8px}}.desk-gate-page{flex-direction:column;min-height:100dvh;display:flex;position:relative}.desk-gate-preview{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.desk-gate-preview__veil{z-index:2;-webkit-backdrop-filter:blur(6px)saturate(.9);background:#0c0a10c7;position:absolute;inset:0}.desk-gate-preview__desk{opacity:.62;filter:saturate(.88)brightness(.92);height:100%}.desk-gate-preview__grid{gap:var(--desk-gutter,8px);min-height:0;padding:var(--desk-edge,8px);flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));height:100%;display:grid}@media (max-width:767px){.desk-gate-preview__grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}}.desk-gate-preview__tile{border-radius:var(--tile-radius);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 40%, #000);position:relative;overflow:hidden;box-shadow:0 4px 18px #00000047}.desk-gate-preview__tile-media{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 18%, #141018), #0c0a10 55%), radial-gradient(80% 60% at 70% 90%, color-mix(in srgb, var(--accent) 22%, transparent), transparent);position:absolute;inset:0}.desk-gate-preview__tile .stream-tile__pill{z-index:1;position:absolute;top:8px;left:8px}.desk-gate-preview__channel{letter-spacing:-.01em;color:var(--text);font-size:12px;font-weight:600}.desk-gate-preview__chat-body{background:color-mix(in srgb, var(--surface) 50%, transparent);flex:auto;min-height:0}.desk-gate-preview .mode-btn,.desk-gate-preview .desk-rail__btn{pointer-events:none}.desk-gate-page__top{z-index:3;justify-content:center;padding:12px 16px 0;display:flex;position:relative}.desk-gate-page__home{color:var(--muted,#b5a89a);font-size:13px;text-decoration:none}.desk-gate-page__home:hover{color:var(--accent,#7ec8d8)}.desk-gate-page__content{z-index:3;flex:auto;justify-content:center;align-items:center;padding:24px 16px 32px;display:flex;position:relative}.desk-gate-page__content .sign-in-shell-wrap{width:100%;max-width:28rem}
