.sideeye-app-demo{--demo-bg:#050505;--demo-panel:#101010;--demo-panel-soft:#171717;--demo-panel-hover:#202020;--demo-border:#ffffff1a;--demo-border-strong:#fff3;--demo-text:#f5f5f5;--demo-muted:#858585;--demo-dim:#b8b8b8;--demo-good:#27d17f;--demo-danger:#ff5c66;--demo-warning:#f5c451;--demo-accent:#fff;width:min(100%,1180px);min-height:720px;position:relative;z-index:1;color:var(--demo-text);font-family:var(--font-secondary);pointer-events:auto}.intro-disclaimer{width:100%;margin:0;font-family:var(--font-secondary);font-size:.5rem;line-height:1.5;color:var(--text-muted);text-align:center;bottom:0;position:absolute}.sideeye-app-demo *,.sideeye-app-demo ::before,.sideeye-app-demo ::after{box-sizing:border-box}.sideeye-app-demo button,.sideeye-app-demo input{font:inherit}.sideeye-app-demo__loading{min-height:520px;display:grid;place-items:center;color:var(--demo-muted);background:#0d0d0d;border:1px solid var(--demo-border);border-radius:10px}.sideeye-demo-window{min-height:620px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#ffffff0d,transparent 32%),linear-gradient(180deg,#111 0%,#070707 100%);border:1px solid var(--demo-border-strong);border-radius:10px;box-shadow:0 24px 70px #00000094 inset 0 1px 0 #ffffff14}.sideeye-demo-titlebar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px 0 16px;background:linear-gradient(180deg,#ffffff0f,#ffffff03);border-bottom:1px solid var(--demo-border)}.sideeye-demo-brand{display:flex;align-items:center;gap:10px;min-width:0}.sideeye-demo-brand-mark{width:22px;height:16px;color:var(--demo-text)}.sideeye-demo-brand-text{font-family:var(--font-app-primary);font-weight:700;font-size:.84rem;letter-spacing:0}.sideeye-demo-connection{display:inline-flex;align-items:center;gap:7px;color:var(--demo-dim);font-size:.76rem;white-space:nowrap}.sideeye-demo-dot{width:8px;height:8px;border-radius:50%;background:var(--demo-good);box-shadow:0 0 0 4px #27d17f1f}.sideeye-demo-window-controls{display:flex;align-items:center;gap:2px}.sideeye-demo-window-button{width:34px;height:28px;display:grid;place-items:center;color:var(--demo-muted);border:0;background:transparent;border-radius:4px}.sideeye-demo-window-button svg{width:12px;height:12px}.sideeye-demo-body{flex:1;min-height:0;display:grid;grid-template-columns:66px minmax(190px,250px) minmax(0,1fr) minmax(190px,246px)}.sideeye-demo-server-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;background:#00000038;border-right:1px solid var(--demo-border)}.sideeye-demo-home,.sideeye-demo-server-button,.sideeye-demo-add-server{width:45px;height:45px;display:grid;place-items:center;flex:0 0 auto;color:var(--demo-dim);background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:16px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,border-radius .18s ease}.sideeye-demo-home svg{width:25px;height:18px}.sideeye-demo-server-button{position:relative;font-family:var(--font-app-primary);font-size:.86rem;font-weight:700}.sideeye-demo-server-button::before{content:"";position:absolute;left:-11px;width:4px;height:25px;border-radius:0 4px 4px 0;background:var(--demo-text);opacity:0}.sideeye-demo-server-button:hover,.sideeye-demo-server-button.is-active{color:#080808;background:var(--demo-text);border-color:var(--demo-text);border-radius:14px}.sideeye-demo-server-button.is-active::before{opacity:1}.sideeye-demo-add-server{color:var(--demo-muted);border-style:dashed;background:transparent;font-size:1.35rem}.sideeye-demo-side-panel,.sideeye-demo-main-panel,.sideeye-demo-operator-panel{min-width:0;min-height:0}.sideeye-demo-side-panel{display:flex;flex-direction:column;border-right:1px solid var(--demo-border);background:#0c0c0cdb}.sideeye-demo-panel-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--demo-border)}.sideeye-demo-panel-kicker,.sideeye-demo-mini-label{display:block;color:var(--demo-muted);font-family:var(--font-app-primary);font-size:.62rem;font-weight:700;line-height:1.2;text-transform:uppercase}.sideeye-demo-server-name,.sideeye-demo-channel-title,.sideeye-demo-card-title{margin:0;color:var(--demo-text);font-family:var(--font-app-primary);font-size:.9rem;font-weight:700;line-height:1.25;letter-spacing:0}.sideeye-demo-icon-button{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--demo-border);border-radius:6px;color:var(--demo-dim);background:var(--demo-panel);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.sideeye-demo-icon-button:hover,.sideeye-demo-icon-button.is-active{color:var(--demo-text);border-color:var(--demo-border-strong);background:var(--demo-panel-hover)}.sideeye-demo-icon-button svg{width:16px;height:16px}.sideeye-demo-channel-list,.sideeye-demo-operator-list{margin:0;padding:10px;list-style:none;overflow:auto}.sideeye-demo-channel-button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin:0;padding:10px 8px;color:var(--demo-muted);background:transparent;border:0;border-radius:7px;cursor:pointer;text-align:left}.sideeye-demo-channel-button:hover,.sideeye-demo-channel-button.is-active{color:var(--demo-text);background:var(--demo-panel-hover)}.sideeye-demo-channel-icon{width:20px;height:20px;display:grid;place-items:center;color:currentColor}.sideeye-demo-channel-icon svg{width:17px;height:17px}.sideeye-demo-channel-meta{min-width:0}.sideeye-demo-channel-name{display:block;overflow:hidden;color:currentColor;font-family:var(--font-app-primary);font-size:.78rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sideeye-demo-channel-desc{display:block;overflow:hidden;color:var(--demo-muted);font-size:.68rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sideeye-demo-count-pill{min-width:38px;display:inline-flex;justify-content:center;overflow:hidden;color:var(--demo-dim);font-family:var(--font-app-primary);font-size:.66rem;border-radius:999px}.sideeye-demo-count-pill span:first-child{padding:2px 5px 2px 7px;background:#333;border-radius:999px 0 0 999px}.sideeye-demo-count-pill span:last-child{padding:2px 7px 2px 5px;background:#222;border-radius:0 999px 999px 0}.sideeye-demo-channel-users{display:flex;flex-direction:column;gap:4px;margin:0 8px 8px 30px;padding:0;list-style:none}.sideeye-demo-channel-user{display:flex;align-items:center;gap:7px;min-width:0;color:var(--demo-dim);font-size:.72rem}.sideeye-demo-avatar{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;position:relative;color:#080808;background:var(--demo-text);border-radius:50%;font-family:var(--font-app-primary);font-size:.58rem;font-weight:700}.sideeye-demo-avatar::after{content:"";position:absolute;right:0;bottom:-1px;width:8px;height:8px;border:1px solid #111;border-radius:50%;background:var(--demo-muted)}.sideeye-demo-avatar.is-streaming::after{background:var(--demo-good)}.sideeye-demo-avatar.is-muted::after{background:var(--demo-danger)}.sideeye-demo-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sideeye-demo-channel-controls{margin-top:auto;padding:10px;border-top:1px solid var(--demo-border);background:#0003}.sideeye-demo-voice-status{display:flex;align-items:center;gap:9px;margin-bottom:10px}.sideeye-demo-voice-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--demo-good);background:#27d17f21;border-radius:6px}.sideeye-demo-voice-icon svg{width:17px;height:17px}.sideeye-demo-voice-text{min-width:0}.sideeye-demo-active-channel{display:block;overflow:hidden;color:var(--demo-text);font-size:.78rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sideeye-demo-latency{display:block;color:var(--demo-muted);font-size:.68rem}.sideeye-demo-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sideeye-demo-action-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid var(--demo-border);border-radius:6px;color:var(--demo-text);background:var(--demo-panel-soft);cursor:pointer;font-family:var(--font-app-primary);font-size:.69rem;font-weight:700;line-height:1.1;text-transform:uppercase;transition:background .18s ease,color .18s ease,border-color .18s ease}.sideeye-demo-action-button svg{width:15px;height:15px}.sideeye-demo-action-button:hover{border-color:var(--demo-border-strong);background:var(--demo-panel-hover)}.sideeye-demo-action-button.is-primary{color:#080808;background:var(--demo-text);border-color:var(--demo-text)}.sideeye-demo-action-button.is-danger{color:var(--demo-danger)}.sideeye-demo-main-panel{display:flex;flex-direction:column;gap:12px;padding:14px;overflow:auto;background:radial-gradient(circle at 80% 0%,#ffffff14,transparent 34%),#080808e6}.sideeye-demo-main-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sideeye-demo-main-copy{min-width:0}.sideeye-demo-channel-subtitle{margin:3px 0 0;color:var(--demo-muted);font-size:.76rem}.sideeye-demo-status-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.sideeye-demo-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:4px 8px;color:var(--demo-dim);background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:999px;font-family:var(--font-app-primary);font-size:.62rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.sideeye-demo-badge.is-good{color:var(--demo-good)}.sideeye-demo-badge.is-muted{color:var(--demo-danger)}.sideeye-demo-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sideeye-demo-stream-card{min-height:150px;overflow:hidden;position:relative;background:#080808;border:1px solid var(--demo-border);border-radius:8px}.sideeye-demo-stream-card video,.sideeye-demo-overlay-tile video{width:100%;height:100%;display:block;object-fit:cover;opacity:.9}.sideeye-demo-stream-card::after,.sideeye-demo-overlay-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 38%,#00000080);pointer-events:none}.sideeye-demo-stream-meta{position:absolute;inset:10px 10px auto;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.sideeye-demo-stream-name{max-width:70%;overflow:hidden;padding:4px 7px;color:var(--demo-text);background:#00000094;border:1px solid #ffffff1a;border-radius:5px;font-family:var(--font-app-primary);font-size:.66rem;font-weight:700;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sideeye-demo-stream-stat{padding:4px 7px;color:var(--demo-good);background:#00000094;border:1px solid #ffffff1a;border-radius:5px;font-family:var(--font-app-primary);font-size:.62rem;font-weight:700;white-space:nowrap}.sideeye-demo-overlay-config{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(220px,0.95fr);gap:12px}.sideeye-demo-config-card{min-width:0;overflow:hidden;background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:8px}.sideeye-demo-config-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--demo-border)}.sideeye-demo-config-body{padding:12px}.sideeye-demo-mini-screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(90deg,#ffffff0f 1px,transparent 1px),linear-gradient(0deg,#ffffff0f 1px,transparent 1px),#060606;background-size:20px 20px;border:1px solid var(--demo-border);border-radius:6px}.sideeye-demo-mini-tile{position:absolute;background:#ffffff24;border:1px solid #ffffff2e;border-radius:4px}.sideeye-demo-toggle-list{display:flex;flex-direction:column}.sideeye-demo-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;color:var(--demo-text);background:transparent;border:0;border-bottom:1px solid var(--demo-border);cursor:pointer;text-align:left}.sideeye-demo-toggle-row:last-child{border-bottom:0}.sideeye-demo-toggle-row:hover{background:var(--demo-panel-hover)}.sideeye-demo-toggle-title{display:block;font-family:var(--font-app-primary);font-size:.7rem;font-weight:700;text-transform:uppercase}.sideeye-demo-toggle-desc{display:block;color:var(--demo-muted);font-size:.68rem;line-height:1.35}.sideeye-demo-switch{width:34px;height:19px;flex:0 0 auto;position:relative;border-radius:999px;background:#333;border:1px solid var(--demo-border)}.sideeye-demo-switch::after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--demo-muted);transition:transform .18s ease,background .18s ease}.sideeye-demo-toggle-row.is-on .sideeye-demo-switch{background:var(--demo-text);border-color:var(--demo-text)}.sideeye-demo-toggle-row.is-on .sideeye-demo-switch::after{transform:translateX(15px);background:#080808}.sideeye-demo-operator-panel{border-left:1px solid var(--demo-border);background:#0c0c0cdb}.sideeye-demo-operator-list{display:flex;flex-direction:column;gap:7px}.sideeye-demo-operator-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border-radius:7px;background:#ffffff08}.sideeye-demo-operator-name{display:block;overflow:hidden;color:var(--demo-text);font-size:.78rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sideeye-demo-operator-role{display:block;overflow:hidden;color:var(--demo-muted);font-size:.66rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sideeye-demo-operator-status{width:18px;height:18px;display:grid;place-items:center;color:var(--demo-muted)}.sideeye-demo-operator-status svg{width:16px;height:16px}.sideeye-demo-operator-status.is-streaming{color:var(--demo-good)}.sideeye-demo-operator-status.is-muted{color:var(--demo-danger)}.sideeye-demo-overlay{display:flex;flex-direction:column;min-height:620px;overflow:hidden;background:radial-gradient(circle at 50% 10%,#ffffff14,transparent 32%),#030303;border:1px solid var(--demo-border-strong);border-radius:10px;box-shadow:0 24px 70px #0000009e inset 0 1px 0 #ffffff14}.sideeye-demo-overlay-titlebar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 16px;color:var(--demo-text);background:#0c0c0ce0;border-bottom:1px solid var(--demo-border)}.sideeye-demo-overlay-title{display:flex;align-items:center;gap:10px;min-width:0;font-family:var(--font-app-primary);font-size:.82rem;font-weight:700}.sideeye-demo-overlay-title svg{width:22px;height:16px}.sideeye-demo-overlay-actions{display:flex;align-items:center;gap:8px}.sideeye-demo-overlay-stage{flex:1;min-height:0;position:relative;overflow:hidden;background:linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(0deg,#ffffff0a 1px,transparent 1px),radial-gradient(circle at 18% 20%,#ffffff14,transparent 18%),#050505;background-size:40px 40px,40px 40px,auto,auto}.sideeye-demo-overlay-stage.is-editing{cursor:default}.sideeye-demo-overlay-tile{position:absolute;overflow:hidden;background:#000000b8;border:1px solid #fff3;border-radius:8px;box-shadow:0 14px 34px #0000006b;transform:translateZ(0);transition:border-color .18s ease,box-shadow .18s ease;touch-action:none}.sideeye-demo-overlay-tile.is-depth{transform:perspective(700px) rotateX(var(--tile-tilt-y,0deg)) rotateY(var(--tile-tilt-x,0deg))}.sideeye-demo-overlay-stage.is-editing .sideeye-demo-overlay-tile{cursor:grab;border-color:#ffffff8c}.sideeye-demo-overlay-stage.is-editing .sideeye-demo-overlay-tile:active{cursor:grabbing;box-shadow:0 20px 50px #0000009e}.sideeye-demo-overlay-editor{position:absolute;left:16px;right:16px;bottom:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;color:var(--demo-text);background:#0a0a0adb;border:1px solid var(--demo-border-strong);border-radius:8px;backdrop-filter:blur(16px)}.sideeye-demo-editor-copy{min-width:0}.sideeye-demo-editor-title{display:block;font-family:var(--font-app-primary);font-size:.72rem;font-weight:700;text-transform:uppercase}.sideeye-demo-editor-desc{display:block;color:var(--demo-muted);font-size:.68rem}.sideeye-demo-editor-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.sideeye-demo-overlay-hud{position:absolute;top:12px;right:12px;z-index:6;display:flex;gap:8px;pointer-events:none}.sideeye-demo-overlay-hud .sideeye-demo-badge{background:#0009;backdrop-filter:blur(10px)}.sideeye-demo-empty{min-height:190px;display:grid;place-items:center;color:var(--demo-muted);text-align:center;border:1px dashed var(--demo-border);border-radius:8px}.sideeye-demo-empty strong{display:block;margin-bottom:5px;color:var(--demo-text);font-family:var(--font-app-primary);font-size:.86rem}@media (max-width: 1100px){.sideeye-demo-body{grid-template-columns:58px minmax(170px,220px) minmax(0,1fr)}.sideeye-demo-operator-panel{display:none}}@media (max-width: 820px){.sideeye-app-demo,.sideeye-demo-window,.sideeye-demo-overlay{min-height:720px}.sideeye-demo-body{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.sideeye-demo-server-rail{grid-row:1 / span 2}.sideeye-demo-side-panel{min-height:280px;border-right:0;border-bottom:1px solid var(--demo-border)}.sideeye-demo-main-panel{grid-column:2}.sideeye-demo-preview-grid,.sideeye-demo-overlay-config{grid-template-columns:1fr}.sideeye-demo-main-header,.sideeye-demo-overlay-editor{align-items:stretch;flex-direction:column}.sideeye-demo-status-badges,.sideeye-demo-editor-actions{justify-content:flex-start}}@media (max-width: 560px){.intro-app-preview{width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem}.sideeye-app-demo,.sideeye-demo-window,.sideeye-demo-overlay{min-height:760px}.sideeye-demo-titlebar,.sideeye-demo-overlay-titlebar{padding-inline:10px}.sideeye-demo-connection,.sideeye-demo-window-controls{display:none}.sideeye-demo-body{grid-template-columns:48px minmax(0,1fr)}.sideeye-demo-server-rail{padding:10px 6px}.sideeye-demo-home,.sideeye-demo-server-button,.sideeye-demo-add-server{width:36px;height:36px;border-radius:12px;font-size:.72rem}.sideeye-demo-control-grid{grid-template-columns:1fr}.sideeye-demo-main-panel{padding:10px}.sideeye-demo-stream-card{min-height:128px}.sideeye-demo-action-button{min-height:38px}.sideeye-demo-overlay-hud{left:10px;right:10px;flex-wrap:wrap}}.sideeye-app-demo{width:min(100%,1180px);min-height:720px;text-align:left}.sideeye-app-demo svg{width:1em;height:1em;display:block}.sideeye-app-demo .ti{line-height:1;display:inline-block;font-size:1rem}.sideeye-app-demo button{font:inherit}body.sideeye-demo-layout-open{overflow:hidden}.sideeye-app,.sideeye-overlay-demo,.sideeye-layout-editor-demo{--color-black:#0a0a0a;--color-black-hover:#0d0d0d;--color-black-muted:#080808;--color-dark-gray:#171717;--color-heavy-gray:#2d2d2d;--color-medium-gray:#4d4d4d;--color-light-gray:#b0b0b0;--color-off-white:#fff;--color-gray:gray;--color-gray-hover:#6e6e6e;--color-primary:#f5f5f5;--color-primary-hover:#e0e0e0;--color-primary-muted:#ccc;--color-primary-dark:#d9d9d9;--color-primary-light:#fff;--color-primary-shadow:#ffffff20;--color-primary-glow:#ffffff40;--color-dark-light:#000;--color-dark-shadow:#00000020;--color-dark-glow:#00000040;--color-secondary-shadow:#33333310;--color-success:#2ECC71;--color-success-muted:#0E1E15;--color-success-shadow:#2ECC711a;--color-warning:#F39C12;--color-warning-shadow:#F39C121a;--color-danger:#ff6363;--color-danger-hover:#e74c3c;--color-danger-muted:#2c1617;--color-danger-shadow:#E74C3C1a;--font-app-primary:'Work Sans',monospace;--font-secondary:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-tertiary:'JetBrains Mono','Fira Code',Consolas,monospace;--bg-dark:var(--color-black);--bg-card:var(--color-dark-gray);--bg-card-hover:var(--color-black-opacity40,#0a0a0a66);--bg-input:#121212;--bg-input-hover:#101010;--text-primary:var(--color-off-white);--text-secondary:#ccc;--text-muted:#888;--text-on-primary:#fff;--border-color:#191919;--border-color-light:#2a2a2a;--shadow-color-soft:#0006;--alpha-10:.1;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:18px;--border-radius-xxl:50px;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(0.4,0,0.2,1);height:720px;position:relative;color:var(--text-primary);background:linear-gradient(135deg,var(--color-black) 0%,var(--color-dark-gray) 100%);border:1px solid var(--border-color-light);border-radius:8px;overflow:hidden;box-shadow:0 24px 70px #00000094;font-family:var(--font-secondary);font-size:13px;line-height:1.6;user-select:none}.sideeye-app .app-header{opacity:1;height:35px;background:linear-gradient(135deg,var(--color-black) 0%,var(--color-dark-gray) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 0 0 10px;border-bottom:1px solid var(--border-color)}.sideeye-app .header-left,.sideeye-app .header-right,.sideeye-app .logo,.sideeye-app .windows-buttons,.sideeye-app .main-content,.sideeye-app .sidebar,.sideeye-app .server-list,.sideeye-app .server-header-info,.sideeye-app .server-header-controls,.sideeye-app .channel-header,.sideeye-app .channel-user-item,.sideeye-app .channel-controls-info,.sideeye-app .channel-controls-buttons,.sideeye-app .profile-user-info,.sideeye-app .profile-actions,.sideeye-app .overlay-config-header,.sideeye-app .profile-selector,.sideeye-app .custom-dropdown-btn,.sideeye-app .reset-layout-btn,.sideeye-app .user-item,.sideeye-app .user-info,.sideeye-app .invite-button,.sideeye-app .preview-edit-btn{display:flex;align-items:center}.sideeye-app .logo{gap:9px;color:var(--text-muted);font-family:var(--font-app-primary);font-size:13px;font-weight:700}.sideeye-app .logo svg{width:26px;height:18px;color:var(--color-primary)}.sideeye-app .app-header-sideeye-svg{width:80px;height:auto;max-height:24px;display:block;flex:none}.sideeye-app .app-version{color:var(--text-muted);font-family:var(--font-app-primary);font-size:10px;margin-right:8px}.sideeye-app .win-button{color:var(--text-secondary);font-size:1.1rem;justify-content:center;cursor:default;transition:all var(--transition-fast);padding:11px 14px}.sideeye-app .win-button:hover{color:var(--color-primary);background:var(--color-heavy-gray)}.sideeye-app .win-button.win-close:hover{background:var(--color-danger)}.sideeye-app .win-button svg{width:12px;height:12px}.sideeye-app .main-content{height:calc(100% - 35px);align-items:stretch;overflow:hidden;position:relative}.sideeye-app .sidebar{flex-shrink:0;gap:8px;align-items:center;flex-direction:column;padding:10px 0;border-right:1px solid var(--border-color);width:66px;height:calc(100% - 100px);transition:all .2s ease}.sideeye-app.in-channel .sidebar{height:calc(100% - 170px)}.sideeye-app .sidebar .logo{margin:0 10px;width:45px;min-height:45px;border-radius:var(--border-radius-xl);justify-content:center;background:var(--bg-dark);border:1px solid var(--border-color);cursor:pointer}.sideeye-app .sidebar-divider{width:25px;height:1px;background:var(--border-color)}.sideeye-app .server-list{flex-direction:column;width:100%;gap:8px;padding:0 10px;overflow:hidden}.sideeye-app .server-icon,.sideeye-app .add-server-button{width:45px;min-height:45px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-xl);background:var(--color-dark-gray);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-smooth);font-family:var(--font-app-primary);font-weight:600;font-size:18px;color:var(--color-primary-dark);position:relative}.sideeye-app .server-icon::before{content:'';position:absolute;left:-12px;width:4px;height:25px;background:var(--color-primary);border-radius:0 4px 4px 0;opacity:0;top:50%;transform:translateY(-50%)}.sideeye-app .server-icon:hover,.sideeye-app .server-icon.active{background:var(--color-primary-muted);color:var(--color-black)}.sideeye-app .server-icon.active::before{opacity:1}.sideeye-app .add-server-button{color:var(--text-muted);background:transparent;border:1px dashed var(--border-color-light);font-size:24px}.sideeye-app .content-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;position:relative}.sideeye-app .card{height:100%;padding:0;display:flex;flex-direction:column}.sideeye-app .card-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;position:relative;border-bottom:1px solid var(--border-color);height:50px}.sideeye-app .server-header{padding:0;border:none}.sideeye-app .server-header-info{gap:10px;min-width:280px;padding:10px 15px;justify-content:space-between}.sideeye-app .server-header-controls{gap:10px;width:100%;padding:10px;border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.sideeye-app .server-settings-button{position:relative;width:32px;height:32px;background:transparent;border:none;cursor:pointer}.sideeye-app .server-settings-button .dot,.sideeye-app .server-settings-button .dot::before,.sideeye-app .server-settings-button .dot::after{position:absolute;width:4px;height:4px;border-radius:50%;background-color:var(--color-primary)}.sideeye-app .server-settings-button .dot{left:50%;top:50%;margin-left:-2px;margin-top:-2px}.sideeye-app .server-settings-button .dot::before,.sideeye-app .server-settings-button .dot::after{content:'';top:0}.sideeye-app .server-settings-button .dot::before{right:7px}.sideeye-app .server-settings-button .dot::after{left:7px}.sideeye-app .toggle-operators{background:transparent;border:none;color:var(--text-muted);cursor:pointer;margin-left:auto}.sideeye-app .toggle-operators.active,.sideeye-app .toggle-operators:hover{color:var(--color-primary)}.sideeye-app .invite-button{padding:6px 12px;border-radius:var(--border-radius-sm);font-size:10px;font-weight:600;cursor:pointer;gap:4px;letter-spacing:.15em;text-transform:uppercase;font-family:var(--font-app-primary);background:var(--color-dark-gray);color:var(--color-light-gray);border:1px solid var(--border-color-light)}.sideeye-app .main-card-body{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;padding:0}.sideeye-app .left-content{display:flex;flex-direction:column;gap:10px;width:280px}.sideeye-app .middle-content{flex:1;min-width:0;position:relative;padding:10px 15px;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.sideeye-app .right-content{width:280px;height:100%;padding:10px 0 10px 15px;overflow:auto}.sideeye-app .card-divider{width:calc(100% - 30px);height:1px;background:var(--border-color);margin:auto}.sideeye-app .card-title{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600;text-shadow:0 0 5px rgba(255,255,255,var(--alpha-10));display:flex;align-items:center;gap:8px;height:24px;text-transform:uppercase;font-family:var(--font-app-primary)}.sideeye-app .card-title.small{font-size:.9rem}.sideeye-app .card-body{padding:20px;flex:1;min-height:0;position:relative;overflow:hidden;display:flex}.sideeye-app .main-card-body{padding:0}.sideeye-app .channel-list-holder{flex:1;width:100%;overflow:hidden}.sideeye-app .channel-list-holder .card-header{height:40px;align-items:end;border:none}.sideeye-app .channel-list-holder .card-body{padding:0}.sideeye-app .channel-list{list-style:none;padding:10px 0 110px;margin:0;height:100%;overflow:auto;width:100%}.sideeye-app .channel-item{border-radius:var(--border-radius-md);position:relative}.sideeye-app .channel-header{width:100%;gap:5px;padding:8px 11px 8px 15px;cursor:pointer;border:0;color:var(--text-muted);background:transparent;border-radius:var(--border-radius-md);text-align:left}.sideeye-app .channel-header:hover{background-color:var(--bg-card-hover)}.sideeye-app .channel-icon{width:20px;height:20px;color:var(--text-muted);font-size:20px;font-family:var(--font-app-primary);flex-shrink:0}.sideeye-app .channel-item.active .channel-icon,.sideeye-app .channel-item.active .channel-name{color:var(--color-primary)}.sideeye-app .channel-info{flex:1;min-width:0}.sideeye-app .channel-name{font-weight:600;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-app-primary);color:var(--text-muted)}.sideeye-app .channel-description{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-secondary);color:var(--text-muted);display:none}.sideeye-app .channel-item.active .channel-description{display:block;color:var(--color-primary);opacity:.7}.sideeye-app .channel-name-wrapper{display:flex;align-items:center;gap:8px;justify-content:space-between}.sideeye-app .channel-quality-badge{display:inline-flex;align-items:center;border-radius:10px;font-size:.6rem;font-weight:600;color:#ffffffb3;flex-shrink:0;padding:0 6px}.sideeye-app .channel-quality-badge.clickable{cursor:pointer}.sideeye-app .channel-item.active .channel-quality-badge{background:#f5f5f529;color:var(--color-primary)}.sideeye-app .channel-members{font-size:.6rem;color:var(--text-secondary);display:grid;flex:0 0 auto;grid-template-columns:1fr auto;overflow:hidden;border-radius:10px;width:38px}.sideeye-app .channel-members .member-count{background-color:var(--color-medium-gray);text-align:right;padding:0 7px 0 5px;border-radius:10px 0 0 10px}.sideeye-app .channel-members .max-members{background-color:var(--color-heavy-gray);padding:0 6px 0 2px;width:20px;border-radius:0 10px 10px 0;text-align:center}.sideeye-app .channel-user-list{list-style:none;padding:0;margin:0 10px 0 20px}.sideeye-app .channel-user-item{gap:8px;padding:4px 8px;margin-bottom:2px;border-radius:4px;opacity:.6}.sideeye-app .channel-item.active .channel-user-item{opacity:1}.sideeye-app .channel-user-avatar,.sideeye-app .user-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--color-medium-gray);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0;color:var(--text-secondary);position:relative}.sideeye-app .channel-user-item.streaming .channel-user-avatar::before,.sideeye-app .user-status.streaming{content:'';position:absolute;bottom:-2px;right:1px;width:8px;height:8px;border-radius:50%;background-color:var(--color-success);border:1px solid var(--color-dark-gray)}.sideeye-app .channel-item.active .channel-user-avatar,.sideeye-app .channel-user-item.self .channel-user-avatar{background-color:var(--color-off-white);color:var(--bg-dark)}.sideeye-app .channel-user-name,.sideeye-app .user-list-name{font-family:var(--font-secondary);font-size:.75rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideeye-app .channel-user-status{color:var(--color-primary);width:15px;height:15px;margin-left:auto}.sideeye-app .channel-user-status.muted{color:var(--color-danger)}.sideeye-app .channel-user-status svg,.sideeye-app .channel-user-status .ti,.sideeye-app .profile-actions svg,.sideeye-app .profile-actions .ti,.sideeye-app .connection-bars svg,.sideeye-app .connection-bars .ti,.sideeye-app .leave-channel-btn svg,.sideeye-app .leave-channel-btn .ti,.sideeye-app .toggle-operators svg,.sideeye-app .toggle-operators .ti,.sideeye-app .reset-layout-btn svg,.sideeye-app .reset-layout-btn .ti,.sideeye-app .preview-edit-btn svg,.sideeye-app .preview-edit-btn .ti{width:1em;height:1em}.sideeye-app .create-channel-button{background:transparent;border:none;color:var(--text-muted);width:24px;height:24px;border-radius:var(--border-radius-xl);cursor:pointer;font-size:1.2rem}.sideeye-app .stream-content{height:100%;display:flex;flex-direction:column;gap:10px}.sideeye-overlay-demo .video-wrapper video,.sideeye-layout-editor-demo .video-wrapper video{width:100%;height:100%;object-fit:cover;display:block;opacity:1}.sideeye-overlay-demo .username-label,.sideeye-layout-editor-demo .username-label{position:absolute;top:10px;left:10px;z-index:2;background-color:#000000bf;color:#fff;padding:5px 10px;border-radius:3px;font-size:11px;font-weight:700;font-family:var(--font-app-primary)}.sideeye-app .overlay-config-header{gap:12px;justify-content:space-between}.sideeye-app .profile-selector{flex:1;max-width:300px;position:relative}.sideeye-app .custom-dropdown-btn{width:100%;height:36px;justify-content:space-between;gap:8px;padding:6px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer}.sideeye-app .dropdown-label{color:var(--text-muted);font-family:var(--font-app-primary);font-size:9px;font-weight:700}.sideeye-app .dropdown-value{margin-left:auto;font-size:12px;font-weight:600}.sideeye-app .new-profile-btn{width:36px;height:36px;margin-left:6px;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.sideeye-app .overlay-controller{display:flex;flex-direction:column;background:var(--bg-input);border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow:hidden}.sideeye-app .overlay-position-preview{padding:12px 14px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border-color)}.sideeye-app .preview-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.sideeye-app .preview-title{font-family:var(--font-app-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.sideeye-app .preview-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.sideeye-app .preview-edit-btn{gap:6px;margin-top:8px;padding:6px 12px;width:fit-content;font-family:var(--font-app-primary);font-size:11px;font-weight:600;color:var(--color-primary);background:var(--color-black-hover);border:1px solid var(--border-color-light);border-radius:var(--border-radius-sm);cursor:pointer;text-transform:uppercase}.sideeye-app .preview-screen{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-black-hover);border:1px solid var(--border-color-light);border-radius:var(--border-radius-sm);overflow:hidden;max-width:150px;cursor:pointer}.sideeye-app .preview-tile{position:absolute;border-radius:var(--border-radius-sm);background-color:color-mix(in srgb,#bbbbbc 12%,transparent);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.05)}.sideeye-app .toggle-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--border-color);margin:0}.sideeye-app .toggle-row:last-child{border-bottom:none}.sideeye-app .toggle-text{font-size:11px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-app-primary)}.sideeye-app .toggle-desc{display:block;font-size:10px;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0;font-family:var(--font-secondary)}.sideeye-app .switch{position:relative;width:34px;height:18px;flex-shrink:0}.sideeye-app .switch input{opacity:0;width:0;height:0}.sideeye-app .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-heavy-gray);border-radius:20px;border:1px solid var(--color-secondary-shadow)}.sideeye-app .slider::before{content:"";position:absolute;height:12px;width:12px;left:3px;top:50%;transform:translateY(-50%);background-color:var(--color-gray);border-radius:50%}.sideeye-app .switch input:checked + .slider{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.sideeye-app .switch input:checked + .slider::before{transform:translate(14px,-50%);background-color:var(--color-dark-light)}.sideeye-app .reset-layout-btn{gap:8px;padding:10px;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font-app-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:max-content}.sideeye-app .user-list{list-style-type:none;padding:0;margin:0}.sideeye-app .user-item{padding:4px 10px;gap:8px;border-radius:var(--border-radius-md);margin-left:-10px}.sideeye-app .user-item:hover{background-color:var(--bg-card-hover)}.sideeye-app .user-avatar{width:28px;height:28px}.sideeye-app .user-info{flex:1;gap:6px;min-width:0}.sideeye-app .offline-title{margin-top:14px;color:var(--text-muted)}.sideeye-app .user-item.offline .user-list-name{color:var(--text-muted)}.sideeye-app .profile-section-container{display:flex;flex-direction:column;position:absolute;bottom:12px;left:10px;width:326px;transition:all .2s ease;z-index:20}.sideeye-app .channel-controls-panel{background:var(--color-dark-gray);border-radius:8px 8px 0 0;border:1px solid var(--border-color);border-bottom:none;padding:8px;min-height:76px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.sideeye-app .channel-controls-info{gap:8px;padding:4px 2px;position:relative}.sideeye-app .connection-bars{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--color-success);background-color:var(--color-success-shadow)}.sideeye-app .channel-controls-info-text{display:flex;flex-direction:column;min-width:0;margin-right:auto}.sideeye-app .connection-text{font-size:.8rem;line-height:.9rem;font-weight:500;color:var(--color-success);letter-spacing:.3px}.sideeye-app .active-channel-link{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--color-light-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;padding:1px 0}.sideeye-app .noise-suppression-btn,.sideeye-app .leave-channel-btn{width:36px;height:36px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:var(--color-gray);cursor:pointer;padding:0;transition:all .15s ease}.sideeye-app .noise-suppression-wrap{margin-left:auto;position:relative;display:inline-flex}.sideeye-app .leave-channel-btn{color:var(--color-danger)}.sideeye-app .channel-controls-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.sideeye-app .button{border:none;cursor:pointer;transition:all var(--transition-smooth);font-family:var(--font-app-primary);position:relative;overflow:hidden;border-radius:var(--border-radius-md)}.sideeye-app .button.secondary{background:var(--color-heavy-gray);color:var(--color-primary);border:1px solid var(--border-color-light)}.sideeye-app .button.sidEye{background:transparent;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:0;border:1px solid var(--border-color-light);min-height:34px;padding:8px 10px;font-size:.72rem}.sideeye-app .channel-controls-panel .spectate-btn{display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;border-radius:6px;transition:all .15s ease;font-weight:600;text-transform:uppercase;font-family:var(--font-app-primary);font-size:.72rem;width:100%;min-height:34px;padding:8px 10px;letter-spacing:.3px}.sideeye-app .channel-controls-panel .spectate-btn.secondary{background:var(--border-color)}.sideeye-app .channel-controls-panel #startShare,.sideeye-app .channel-controls-panel #stopShare{font-family:var(--font-app-primary);font-size:.72rem;width:100%;min-height:34px;padding:8px 10px;letter-spacing:.3px}.sideeye-app .button.sidEye.red{color:var(--color-danger);border-color:#ff636357}.sideeye-app .channel-controls-panel:not([style*="display: none"]) + .profile-content .card{border-radius:0 0 8px 8px;border-top:1px solid var(--border-color)}.sideeye-app .profile-content .card{background:var(--color-dark-gray);border-radius:0 0 8px 8px;border:1px solid var(--border-color);border-top:1px solid var(--border-color)}.sideeye-app .profile-content .card-body{padding:10px;display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow:visible}.sideeye-app .profile-user-info{gap:8px}.sideeye-app .profile-avatar-section{position:relative}.sideeye-app .profile-user-avatar{width:28px;height:28px;border-radius:var(--border-radius-xxl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-black);font-weight:700;font-size:.9rem;font-family:var(--font-app-primary)}.sideeye-app .profile-status-indicator{position:absolute;bottom:-4px;right:0;width:13px;height:13px;border-radius:50%;background-color:var(--color-gray);border:2px solid var(--color-dark-gray)}.sideeye-app .profile-content.streaming .profile-status-indicator{background-color:var(--color-success)}.sideeye-app .profile-content.spectating .profile-status-indicator{background-color:var(--color-primary)}.sideeye-app .profile-details{flex:1;display:flex;flex-direction:column;gap:0}.sideeye-app .profile-username{font-weight:600;font-size:.8rem;color:var(--text-primary);font-family:var(--font-secondary);overflow:hidden;text-overflow:ellipsis;max-width:54px}.sideeye-app .profile-status-text{font-size:.55rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sideeye-app .profile-content.streaming .profile-status-text{color:var(--color-success)}.sideeye-app .profile-content.spectating .profile-status-text{color:var(--color-primary)}.sideeye-app .profile-actions{gap:8px}.sideeye-app .profile-actions .mic-control-wrap,.sideeye-app .profile-actions .output-control-wrap{position:relative;flex:none}.sideeye-app .profile-actions .button{min-width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary);background:transparent;border:0}.sideeye-app .profile-actions .mic-control-group{display:flex;padding:0;flex:none;align-items:center;background:transparent;transition:background .3s ease}.sideeye-app .profile-actions .output-control-group{display:flex;padding:0;flex:none;align-items:center;background:transparent;transition:background .3s ease}.sideeye-app .profile-actions .mic-control-group:hover,.sideeye-app .profile-actions .mic-control-group.active:hover,.sideeye-app .profile-actions .output-control-group:hover,.sideeye-app .profile-actions .output-control-group.muted:hover{background:var(--color-heavy-gray)}.sideeye-app .mic-toggle,.sideeye-app .output-toggle{padding:10px 8px;padding-right:6px;z-index:1}.sideeye-app .mic-device-selector,.sideeye-app .output-settings-selector{padding:10px 2px;z-index:1}.sideeye-app .mic-control-group .mic-toggle{color:var(--color-danger)}.sideeye-app .mic-control-group.active .mic-toggle{color:var(--color-primary)}.sideeye-app .mic-control-group .mic-icon{display:none}.sideeye-app .mic-control-group.active .mic-icon{display:inline-block}.sideeye-app .mic-control-group.active .mic-off-icon{display:none}.sideeye-app .output-control-group .output-toggle{color:var(--color-primary)}.sideeye-app .output-control-group .output-muted-icon{display:none}.sideeye-app .output-control-group.muted .output-toggle{color:var(--color-danger)}.sideeye-app .output-control-group.muted .output-icon{display:none}.sideeye-app .output-control-group.muted .output-muted-icon{display:inline-block}.sideeye-app .mic-device-selector .ti,.sideeye-app .output-settings-selector .ti{font-size:.8rem}.sideeye-app .profile-actions .settings-button{-webkit-app-region:no-drag;border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-primary);justify-content:center}.sideeye-app .profile-actions .settings-button:hover{color:var(--color-primary);background:var(--color-dark-gray)}.sideeye-app .profile-actions .settings-button .ti{font-size:1.1rem}.sideeye-app .uplink-demo-message{position:absolute;inset:35px 0 0;z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000a3;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.sideeye-app .uplink-demo-message__panel{position:relative;width:min(620px,100%);padding:34px 36px 32px;border:1px solid var(--border-color-light);background:#121212fa;box-shadow:0 28px 90px #000000b8;text-align:center;border-radius:10px;background-color:color-mix(in srgb,#bbbbbc 12%,transparent);backdrop-filter:blur(8px) saturate(150%);pointer-events:auto}.sideeye-app .uplink-demo-message__content{min-width:0}.sideeye-app .uplink-demo-message__eyebrow{margin-bottom:20px;font-family:var(--font-app-primary);font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.sideeye-app .uplink-demo-message__title{margin-bottom:20px;font-family:var(--font-app-primary);font-size:1.35rem;line-height:1.2;font-weight:700;color:var(--text-primary)}.sideeye-app .uplink-demo-message p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.65;text-align:justify}.sideeye-app .uplink-demo-message p + p{margin-top:12px;color:var(--text-muted)}.sideeye-app .uplink-demo-message__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent;cursor:pointer}.sideeye-app .uplink-demo-message__close:hover{color:var(--text-primary);background:var(--color-heavy-gray)}.sideeye-app .uplink-demo-message__close svg{width:12px;height:12px}.sideeye-overlay-demo,.sideeye-layout-editor-demo{background:transparent}.sideeye-layout-editor-demo{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;border:0;border-radius:0;box-shadow:none;overflow:hidden}.sideeye-overlay-demo .title-bar{position:absolute;top:0;left:0;right:0;height:32px;background-color:#141414f2;display:flex;justify-content:space-between;align-items:center;z-index:20;border-bottom:1px solid #ffffff1a}.sideeye-overlay-demo .title-bar-drag-region{flex:1;height:100%;display:flex;align-items:center;padding-left:12px}.sideeye-overlay-demo .title-bar-text{display:flex;align-items:center;gap:10px;color:#888;font-family:var(--font-app-primary);font-size:13px}.sideeye-overlay-demo .title-bar-text svg{width:24px;height:17px}.sideeye-overlay-demo .title-bar-controls{display:flex;align-items:center}.sideeye-overlay-demo .title-bar-button{width:32px;height:31px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#ccc}.sideeye-overlay-demo .title-bar-button svg{width:14px;height:14px}.sideeye-overlay-demo .title-bar-button .ti{font-size:16px}.sideeye-overlay-demo .close-btn:hover{background:#ff6363;color:#fff}.sideeye-overlay-demo #videoContainer{position:absolute;inset:32px 0 0;overflow:hidden;display:grid;gap:8px;padding:8px;background:linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(0deg,#ffffff0a 1px,transparent 1px),radial-gradient(circle at 20% 15%,#ffffff12,transparent 18%),#050505;background-size:42px 42px,42px 42px,auto,auto}.sideeye-overlay-demo .spectate-grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.sideeye-overlay-demo .spectate-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.sideeye-overlay-demo .spectate-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}.sideeye-overlay-demo .spectate-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.sideeye-overlay-demo .spectate-grid-5,.sideeye-overlay-demo .spectate-grid-6{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.sideeye-layout-editor-demo #videoContainer{position:absolute;inset:0;overflow:hidden;perspective:150vw;transform-style:preserve-3d;background:linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(0deg,#ffffff0a 1px,transparent 1px),radial-gradient(circle at 20% 15%,#ffffff12,transparent 18%),#050505;background-size:42px 42px,42px 42px,auto,auto}.sideeye-layout-editor-demo .video-wrapper{position:absolute;background-color:#0000001a;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9;will-change:transform}.sideeye-overlay-demo .video-wrapper{position:relative;min-width:0;min-height:0;width:min(100%,calc((100vh - 56px) * 16 / 9));height:auto;aspect-ratio:16 / 9;place-self:center;background-color:#0000001a;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.sideeye-layout-editor-demo .video-wrapper{cursor:grab;outline:2px solid #fff3;outline-offset:-2px;z-index:2;box-shadow:0 12px 32px #0000006b}.sideeye-overlay-demo .signal-indicator,.sideeye-layout-editor-demo .signal-indicator{position:absolute;top:10px;right:10px;display:flex;align-items:flex-end;gap:2px;z-index:10}.sideeye-overlay-demo .signal-bar,.sideeye-layout-editor-demo .signal-bar{width:4px;background-color:#ffffff4d;border-radius:1px}.sideeye-overlay-demo .signal-bar:nth-child(1),.sideeye-layout-editor-demo .signal-bar:nth-child(1){height:6px}.sideeye-overlay-demo .signal-bar:nth-child(2),.sideeye-layout-editor-demo .signal-bar:nth-child(2){height:10px}.sideeye-overlay-demo .signal-bar:nth-child(3),.sideeye-layout-editor-demo .signal-bar:nth-child(3){height:14px}.sideeye-overlay-demo .signal-bar.active.good,.sideeye-layout-editor-demo .signal-bar.active.good{background-color:#28a745}.sideeye-overlay-demo .network-stats,.sideeye-layout-editor-demo .network-stats{position:absolute;bottom:0;right:0;background-color:#000000b3;color:#fff;padding:4px 10px;font-family:var(--font-app-primary);z-index:10;display:flex;gap:10px;width:100%;justify-content:space-around}.sideeye-overlay-demo .network-stats.hidden,.sideeye-layout-editor-demo .network-stats.hidden{display:none}.sideeye-overlay-demo .stat-line,.sideeye-layout-editor-demo .stat-line{display:block;font-size:clamp(0.2rem,2.5cqw,0.8rem)}.sideeye-overlay-demo .stat-label,.sideeye-layout-editor-demo .stat-label{color:#ccc;font-weight:500;display:block;font-size:clamp(0.15rem,2cqw,0.7rem)}.sideeye-overlay-demo .stat-value.good,.sideeye-layout-editor-demo .stat-value.good{color:#28a745;font-weight:600}.sideeye-overlay-demo .spectator-count-indicator{position:absolute;top:12px;right:12px;z-index:10;color:#fff;font-family:var(--font-app-primary);background:#000000ad;border:1px solid #ffffff1a;border-radius:999px;padding:4px 9px}.sideeye-overlay-demo .editor-overlay,.sideeye-layout-editor-demo .editor-overlay{position:absolute;inset:0;z-index:30;background-color:#00000080;pointer-events:none}.sideeye-overlay-demo .editor-bar,.sideeye-layout-editor-demo .editor-bar{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:30px;background-color:color-mix(in srgb,#bbbbbc 12%,transparent);backdrop-filter:blur(8px) saturate(150%);pointer-events:auto}.sideeye-overlay-demo .editor-controls,.sideeye-layout-editor-demo .editor-controls{display:flex;flex-direction:column;gap:20px;padding:15px 10px}.sideeye-overlay-demo .editor-controls.is-disabled,.sideeye-layout-editor-demo .editor-controls.is-disabled{opacity:.45;cursor:not-allowed}.sideeye-overlay-demo .editor-controls.is-disabled *,.sideeye-layout-editor-demo .editor-controls.is-disabled *{cursor:not-allowed}.sideeye-overlay-demo .editor-control-row,.sideeye-overlay-demo .editor-actions,.sideeye-layout-editor-demo .editor-control-row,.sideeye-layout-editor-demo .editor-actions{display:flex;align-items:center;gap:10px}.sideeye-overlay-demo .editor-control-label,.sideeye-overlay-demo .editor-control-value,.sideeye-layout-editor-demo .editor-control-label,.sideeye-layout-editor-demo .editor-control-value{font-family:var(--font-secondary);font-size:11px;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.sideeye-overlay-demo .editor-slider,.sideeye-layout-editor-demo .editor-slider{width:100%;height:6px;border-radius:2px;accent-color:#f5f5f5}.sideeye-overlay-demo .editor-actions,.sideeye-layout-editor-demo .editor-actions{gap:4px}.sideeye-overlay-demo .editor-btn,.sideeye-layout-editor-demo .editor-btn{padding:20px 36px;border:none;border-radius:200px;font-family:var(--font-secondary);font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.5px}.sideeye-overlay-demo .editor-btn-discard,.sideeye-layout-editor-demo .editor-btn-discard{background:#171717;color:#b0b0b0}.sideeye-overlay-demo .editor-btn-save,.sideeye-layout-editor-demo .editor-btn-save{background:#0e1e15;color:#2ecc71}@media (max-width: 1100px){.sideeye-app .right-content{display:none}}@media (max-width: 760px){.sideeye-app,.sideeye-overlay-demo{height:760px}.sideeye-app .server-header-info{min-width:220px}.sideeye-app .left-content{width:230px}.sideeye-app .profile-section-container{left:66px;width:280px}}@media (max-width: 560px){.sideeye-app-demo{width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem}.sideeye-app .left-content{width:190px}.sideeye-app .server-header-controls{display:none}.sideeye-app .profile-section-container{left:54px;width:calc(100% - 64px)}.sideeye-app .sidebar{width:54px}.sideeye-app .sidebar .logo,.sideeye-app .server-icon,.sideeye-app .add-server-button{width:38px;min-height:38px;font-size:14px}}