:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bar:var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#1f2227);--edge:var(--lightningcss-light,#d5d8dd)var(--lightningcss-dark,#363a41);--text:var(--lightningcss-light,#1c1e21)var(--lightningcss-dark,#e6e8eb);--muted:var(--lightningcss-light,#5b616b)var(--lightningcss-dark,#9aa1ab);--accent:var(--lightningcss-light,#1a5fb4)var(--lightningcss-dark,#78aeed);--connected:var(--lightningcss-light,#2a8f4e)var(--lightningcss-dark,#57c27d);font-family:system-ui,sans-serif;font-size:13px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{height:100%;margin:0}body{color:var(--text);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#15171a);flex-direction:column;display:flex}.tabs{background:var(--bar);border-bottom:1px solid var(--edge);flex:none;gap:2px;padding:0 8px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 12px}.mark{box-sizing:border-box;border:1.5px solid var(--muted);border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.mark.connected{border-color:var(--connected);background:var(--connected)}.tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.viewers{flex:1;min-height:0;position:relative}.viewer{visibility:hidden;position:absolute;inset:0}.viewer.shown{visibility:visible}.viewer iframe{border:0;width:100%;height:100%;display:block}.note{color:var(--muted);margin:0;padding:24px 16px}