:root,:root[data-theme=dark]{--xeno-scheme:dark;--xeno-surface-base:#0e1012;--xeno-surface-inset:#0b0d0f;--xeno-surface-l1:#16191c;--xeno-surface-l1-hover:#1d2125;--xeno-surface-l2:#1b1f23;--xeno-surface-l2-active:#23282d;--xeno-surface-l3:#2a3036;--xeno-surface-l4:#323940;--xeno-surface-elevated:#1d2125;--xeno-surface-invert:#eceff1;--xeno-fg-primary:#eceff1;--xeno-fg-secondary:#a3abb2;--xeno-fg-tertiary:#7f8890;--xeno-fg-quaternary:#5b636b;--xeno-fg-invert:#0b0d0f;--xeno-fg-warning:#f0c850;--xeno-fg-danger:#f07878;--xeno-fg-success:#86d68c;--xeno-fg-positive:#86d68c;--xeno-fg-link:#b8ff3c;--xeno-fg-link-hover:#c9ff66;--xeno-wd-accent:#b8ff3c;--xeno-wd-accent-hover:#c9ff66;--xeno-wd-composer-bg:#16191c;--xeno-wd-user-bubble:#1b1f23;--xeno-wd-diff-add:#78be78;--xeno-wd-diff-del:#cd8489;--xeno-overlay:#0607089e;--xeno-popover:#1d2125;--xeno-button-filled:#b8ff3c;--xeno-button-filled-hover:#c9ff66;--xeno-button-filled-active:#9ee026;--xeno-button-ghost-surface-hover:#eceff10a;--xeno-button-ghost-hover:#eceff114;--xeno-button-ghost-active:#eceff11a;--xeno-button-secondary-fill:#eceff114;--xeno-button-secondary-fill-hover:#eceff11a;--xeno-button-secondary-fill-active:#eceff11f;--xeno-button-danger-fill:#f078780f;--xeno-button-danger-fill-hover:#f0787814;--xeno-button-danger-fill-active:#f078781a;--xeno-border-l1:#eceff112;--xeno-border-l2:#eceff11f;--xeno-border-l3:#eceff138;--xeno-ring:#b8ff3c;--xeno-highlight:#b8ff3c4d;--xeno-bg-warning:#f0c8501a;--xeno-input-background:#0b0d0f;--xeno-input-background-hover:#0e1012;--xeno-input-button-background:#1d2125;--xeno-input-button-background-hover:#23282d;--xeno-input-button-background-selected:#2a3036;--xeno-input-button-border:#eceff11a;--xeno-input-button-border-hover:#eceff12e;--xeno-wd-composer-border:#eceff112;--xeno-shadow-sm:0 1px 0 #0009;--xeno-shadow:2px 2px 0 #0000008c;--xeno-shadow-lg:4px 4px 0 #0009;--xc-accent:#b8ff3c;--xc-accent-hover:#c9ff66;--xc-accent-active:#9ee026;--xc-accent-ink:#b8ff3c;--xc-on-accent:#0b0d0f;--xc-edge-lo:#040506;--xc-edge-mid:#eceff124;--xc-edge-hi:#eceff142;--xc-bolt:#3a4148;--xc-plate-bg:#16191c}:root[data-theme=light]{--xeno-scheme:light;--xeno-surface-base:#e2e5e8;--xeno-surface-inset:#d6dade;--xeno-surface-l1:#dce0e3;--xeno-surface-l1-hover:#d4d8dc;--xeno-surface-l2:#d0d5d9;--xeno-surface-l2-active:#c6ccd1;--xeno-surface-l3:#c8ced3;--xeno-surface-l4:#bcc3c9;--xeno-surface-elevated:#f0f2f4;--xeno-surface-invert:#0e1012;--xeno-fg-primary:#0e1012;--xeno-fg-secondary:#4e565e;--xeno-fg-tertiary:#545d66;--xeno-fg-quaternary:#8c949c;--xeno-fg-invert:#eceff1;--xeno-fg-warning:#765400;--xeno-fg-danger:#a41e28;--xeno-fg-success:#00681e;--xeno-fg-positive:#00681e;--xeno-fg-link:#366000;--xeno-fg-link-hover:#4a8000;--xeno-wd-accent:#b8ff3c;--xeno-wd-accent-hover:#c9ff66;--xeno-wd-composer-bg:#f0f2f4;--xeno-wd-user-bubble:#d6dade;--xeno-wd-diff-add:#2f7448;--xeno-wd-diff-del:#a7444b;--xeno-overlay:#0e10124d;--xeno-popover:#f0f2f4;--xeno-button-filled:#b8ff3c;--xeno-button-filled-hover:#c9ff66;--xeno-button-filled-active:#9ee026;--xeno-button-ghost-surface-hover:#0e101208;--xeno-button-ghost-hover:#0e10120f;--xeno-button-ghost-active:#0e10121a;--xeno-button-secondary-fill:#0e10120d;--xeno-button-secondary-fill-hover:#0e101214;--xeno-button-secondary-fill-active:#0e10121a;--xeno-button-danger-fill:#a41e280f;--xeno-button-danger-fill-hover:#a41e2814;--xeno-button-danger-fill-active:#a41e281a;--xeno-border-l1:#0e101214;--xeno-border-l2:#0e101224;--xeno-border-l3:#0e10123d;--xeno-ring:#366000;--xeno-highlight:#b8ff3c80;--xeno-bg-warning:#76540014;--xeno-input-background:#f0f2f4;--xeno-input-background-hover:#f4f5f7;--xeno-input-button-background:#dce0e3;--xeno-input-button-background-hover:#d4d8dc;--xeno-input-button-background-selected:#c6ccd1;--xeno-input-button-border:#0e10121a;--xeno-input-button-border-hover:#0e10122e;--xeno-wd-composer-border:#0e101224;--xeno-shadow-sm:0 1px 0 #0e10122e;--xeno-shadow:2px 2px 0 #0e101238;--xeno-shadow-lg:4px 4px 0 #0e101242;--xc-accent:#b8ff3c;--xc-accent-hover:#c9ff66;--xc-accent-active:#9ee026;--xc-accent-ink:#366000;--xc-on-accent:#0b0d0f;--xc-edge-lo:#788088;--xc-edge-mid:#ffffff8c;--xc-edge-hi:#ffffffe6;--xc-bolt:#b0b7be;--xc-plate-bg:#dce0e3}:root{--xeno-success-soft:color-mix(in srgb, var(--xeno-fg-success) 8%, transparent);--xeno-success-border:color-mix(in srgb, var(--xeno-fg-success) 24%, transparent);--xeno-warning-border:color-mix(in srgb, var(--xeno-fg-warning) 24%, transparent);--xeno-danger-border:color-mix(in srgb, var(--xeno-fg-danger) 24%, transparent);--xeno-accent-soft:color-mix(in srgb, var(--xeno-wd-accent) 8%, transparent);--xeno-accent-border:color-mix(in srgb, var(--xeno-wd-accent) 24%, transparent)}
@font-face{font-family:Pretendard Variable;font-style:normal;font-weight:45 920;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2")}:root{--g-brand:var(--xeno-button-filled);--g-brand-hover:var(--xeno-button-filled-hover);--g-brand-soft:var(--xeno-button-secondary-fill);--g-action:var(--xeno-button-filled);--g-action-hover:var(--xeno-button-filled-hover);--g-on-action:var(--xeno-fg-invert);--g-link:var(--xeno-fg-link);--g-canvas:var(--xeno-surface-base);--g-surface:var(--xeno-surface-l1);--g-subtle:var(--xeno-surface-l2);--g-hover:var(--xeno-button-ghost-hover);--g-elev-1:var(--xeno-surface-l1);--g-elev-2:var(--xeno-surface-l2);--g-elev-3:var(--xeno-surface-l3);--g-text:var(--xeno-fg-primary);--g-secondary:var(--xeno-fg-secondary);--g-muted:var(--xeno-fg-tertiary);--g-line:var(--xeno-border-l1);--g-line-strong:var(--xeno-border-l2);--g-success:var(--xeno-fg-success);--g-success-soft:var(--xeno-success-soft);--g-warning:var(--xeno-fg-warning);--g-warning-soft:var(--xeno-bg-warning);--g-danger:var(--xeno-fg-danger);--g-danger-soft:var(--xeno-button-danger-fill);--g-shadow:var(--xeno-shadow);--g-shadow-sm:var(--xeno-shadow-sm);--g-glass:var(--xeno-surface-l1);--g-glass-strong:var(--xeno-surface-l2);--g-glass-soft:var(--xeno-surface-inset);--g-glass-border:var(--xeno-border-l1);--g-glass-border-strong:var(--xeno-border-l2);--g-glass-blur:28px;--g-accent-warm:var(--xeno-wd-accent);--g-accent-warm-soft:var(--xeno-accent-soft);--g-font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--g-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color-scheme:var(--xeno-scheme);--g-space-1:.25rem;--g-space-2:.5rem;--g-space-3:.75rem;--g-space-4:1rem;--g-space-5:1.25rem;--g-space-6:1.5rem;--g-space-8:2rem;--g-space-10:2.5rem;--g-space-12:3rem;--g-space-16:4rem;--g-space-20:5rem;--g-space-24:6rem;--g-type-xs:.75rem;--g-type-sm:.875rem;--g-type-base:1rem;--g-type-lead:1.125rem;--g-type-h4:1.25rem;--g-type-h3:1.5rem;--g-type-h2:clamp(1.75rem,3vw,2.5rem);--g-type-price:clamp(2.5rem,4vw,3rem);--g-type-h1:clamp(2.25rem,4.5vw,3.5rem);--g-type-display:clamp(2.5rem,5.4vw,4.75rem);--g-leading-heading:1.15;--g-leading-body:1.75;--g-tracking-tight:-.045em;--g-radius-sm:.75rem;--g-radius-md:1rem;--g-radius-lg:1.5rem;--g-radius-xl:1.75rem;--g-radius-circle:50%;--g-hairline:1px;--g-focus-width:2px;--g-press:2px;--g-container:74rem;--g-measure:46rem;--g-control:3rem;--g-control-sm:2.75rem;--g-motion-fast:.12s;--g-motion-med:.2s;--g-motion-slow:.32s;--g-ease-out:cubic-bezier(.16,1,.3,1);--g-ease-in-out:cubic-bezier(.45,0,.2,1)}:root[data-theme=light]{--g-brand:var(--xeno-button-filled);--g-brand-hover:var(--xeno-button-filled-hover);--g-brand-soft:var(--xeno-button-secondary-fill);--g-action:var(--xeno-button-filled);--g-action-hover:var(--xeno-button-filled-hover);--g-on-action:var(--xeno-fg-invert);--g-link:var(--xeno-fg-link);--g-canvas:var(--xeno-surface-base);--g-surface:var(--xeno-surface-l1);--g-subtle:var(--xeno-surface-l2);--g-hover:var(--xeno-button-ghost-hover);--g-elev-1:var(--xeno-surface-l1);--g-elev-2:var(--xeno-surface-l2);--g-elev-3:var(--xeno-surface-l3);--g-text:var(--xeno-fg-primary);--g-secondary:var(--xeno-fg-secondary);--g-muted:var(--xeno-fg-tertiary);--g-line:var(--xeno-border-l1);--g-line-strong:var(--xeno-border-l2);--g-success:var(--xeno-fg-success);--g-success-soft:var(--xeno-success-soft);--g-warning:var(--xeno-fg-warning);--g-warning-soft:var(--xeno-bg-warning);--g-danger:var(--xeno-fg-danger);--g-danger-soft:var(--xeno-button-danger-fill);--g-shadow:var(--xeno-shadow);--g-shadow-sm:var(--xeno-shadow-sm);color-scheme:var(--xeno-scheme)}:root[data-theme=dark]{--g-brand:var(--xeno-button-filled);--g-brand-hover:var(--xeno-button-filled-hover);--g-brand-soft:var(--xeno-button-secondary-fill);--g-action:var(--xeno-button-filled);--g-action-hover:var(--xeno-button-filled-hover);--g-on-action:var(--xeno-fg-invert);--g-link:var(--xeno-fg-link);--g-canvas:var(--xeno-surface-base);--g-surface:var(--xeno-surface-l1);--g-subtle:var(--xeno-surface-l2);--g-hover:var(--xeno-button-ghost-hover);--g-elev-1:var(--xeno-surface-l1);--g-elev-2:var(--xeno-surface-l2);--g-elev-3:var(--xeno-surface-l3);--g-text:var(--xeno-fg-primary);--g-secondary:var(--xeno-fg-secondary);--g-muted:var(--xeno-fg-tertiary);--g-line:var(--xeno-border-l1);--g-line-strong:var(--xeno-border-l2);--g-success:var(--xeno-fg-success);--g-success-soft:var(--xeno-success-soft);--g-warning:var(--xeno-fg-warning);--g-warning-soft:var(--xeno-bg-warning);--g-danger:var(--xeno-fg-danger);--g-danger-soft:var(--xeno-button-danger-fill);--g-shadow:var(--xeno-shadow);--g-shadow-sm:var(--xeno-shadow-sm);--g-glass:var(--xeno-surface-l1);--g-glass-strong:var(--xeno-surface-l2);--g-glass-soft:var(--xeno-surface-inset);--g-glass-border:var(--xeno-border-l1);--g-glass-border-strong:var(--xeno-border-l2);--g-glass-blur:28px;color-scheme:var(--xeno-scheme)}html{background:var(--g-canvas);-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{color:var(--g-text);font:400 15px/1.5 var(--g-font);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;letter-spacing:normal}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed}button:not(:disabled),summary{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--xeno-ring);outline-offset:4px}::selection{background:var(--xeno-highlight);color:var(--xeno-fg-primary)}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.xeno-brand{color:var(--g-text);letter-spacing:-1px;flex-shrink:0;align-items:center;gap:9px;font-size:28px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.xeno-brand small{color:var(--g-muted);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:500}.xeno-mark{background:var(--g-action);border-radius:11px;width:31px;height:31px;display:inline-block;position:relative}.xeno-mark:before{content:"";border:2px solid var(--g-on-action);border-radius:4px;width:15px;height:12px;position:absolute;top:7px;left:8px}.xeno-mark i{background:var(--g-on-action);border-radius:2px;width:8px;height:2px;position:absolute;top:22px;left:12px}.theme-toggle{width:44px;height:44px;min-height:44px;color:var(--g-secondary);background:0 0;border:0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{background:var(--g-subtle)}.g-header{z-index:30;background:var(--xeno-surface-inset);border-bottom:1px solid var(--g-glass-border,var(--g-line));-webkit-backdrop-filter:blur(var(--g-glass-blur,28px)) saturate(1.12);position:sticky;top:0}.g-header-inner{align-items:center;gap:48px;width:min(1184px,100%);min-height:76px;margin:0 auto;padding:0 32px;display:flex}.g-header-nav{background:0 0;border:0;align-items:center;gap:8px;display:flex;position:static}.g-header-nav>a{color:var(--g-secondary);white-space:nowrap;border-radius:9999px;align-items:center;padding:10px 14px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.g-header-nav>a:hover{color:var(--g-text);background:var(--g-subtle)}.g-header-nav>a[aria-current=page]{color:var(--g-text);background:var(--g-hover);font-weight:650}.g-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.g-header-login{white-space:nowrap;color:var(--g-secondary);padding:10px 8px;font-size:15px;font-weight:550;text-decoration:none}.g-account-link{align-items:center;gap:9px;text-decoration:none;display:flex}.g-account-link>span{background:var(--g-brand-soft);width:34px;height:34px;color:var(--g-link);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.g-account-link>b{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:14px;font-weight:550;overflow:hidden}.g-button{background:var(--g-action);border:0;border-radius:9999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 22px;font-size:15px;font-weight:650;line-height:1.4;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;color:var(--g-on-action)!important}.g-button:hover{background:var(--g-action-hover);color:var(--g-on-action)!important}.g-button:active{transform:scale(.985)}.g-button-small{border-radius:12px;min-height:44px;padding:10px 16px;font-size:15px}.g-button-weak{background:var(--g-hover);border:1px solid var(--g-line);color:var(--g-text)!important}.g-button-weak:hover{background:var(--g-elev-2);color:var(--g-text)!important}.g-menu-toggle{width:44px;height:44px;color:var(--g-secondary);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;display:none}.g-header-nav>.g-mobile-account,.g-mobile-signout{display:none}.g-desktop-signout{color:var(--g-muted);background:0 0;border:0;padding:10px 0 10px 4px;font-size:14px}.g-footer{background:var(--g-subtle)}.g-footer-inner{width:min(1184px,100%);margin:auto;padding:56px 32px 36px}.g-footer-business{color:var(--g-muted);font-size:13px;line-height:1.9}.g-footer-business strong{color:var(--g-secondary);font-size:14px;font-weight:650}.g-footer-business p{margin:10px 0}.g-footer-business a{text-decoration:none}.g-footer-copyright{color:var(--g-muted);margin:26px 0 0;font-size:12px}.eyebrow{color:var(--g-secondary);letter-spacing:0;margin-bottom:12px;font-size:14px;font-weight:650;display:block}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.page-heading h1{letter-spacing:-.04em;font-size:34px;font-weight:750;line-height:1.35}.page-heading p{color:var(--g-muted);margin-top:12px;font-size:16px}.empty-state{text-align:center;padding:48px 24px}.empty-state .empty-symbol{background:var(--g-hover);width:68px;height:68px;color:var(--g-text);border-radius:24px;place-items:center;margin:0 auto 24px;font-size:30px;display:grid}.empty-state h3{margin:0 0 12px;font-size:22px}.empty-state p{max-width:420px;color:var(--g-muted);margin:0 auto 24px;font-size:16px;line-height:1.8}.site-fallback{text-align:center;flex-direction:column;align-items:center;max-width:680px;min-height:85vh;margin:auto;padding:70px 24px;display:flex}.site-fallback .fallback-code{color:var(--g-secondary);margin:70px 0 20px;font-size:46px;font-weight:750}.site-fallback h1{color:var(--g-text);font-size:32px}.site-fallback p{color:var(--g-secondary);margin:0 0 28px;font-size:16px;line-height:1.9}.site-fallback>a:not(.xeno-brand),.site-fallback>button{background:var(--g-action);color:var(--g-on-action);font:600 16px var(--g-font);border:0;border-radius:16px;padding:15px 22px;text-decoration:none}.site-fallback>a.fallback-secondary{color:var(--g-muted);background:0 0;margin-top:8px}@media (max-width:900px){.g-header-inner{gap:22px;padding-inline:24px}.g-header-nav{gap:0}.g-header-nav>a{padding-inline:10px;font-size:14px}.g-header-actions{gap:8px}.g-account-link>b{display:none}}@media (max-width:700px){.g-header-inner{gap:12px;min-height:68px;padding:0 20px}.xeno-brand{font-size:26px}.g-header-actions{gap:4px}.g-header-cta,.g-desktop-signout{display:none!important}.g-header-nav{background:var(--g-surface);border-bottom:1px solid var(--g-line);padding:14px 20px 20px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 14px 20px #00000008}.g-header-nav.is-open{gap:4px;display:grid}.g-header-nav>a{padding:14px 16px;font-size:16px}.g-header-nav>.g-mobile-account,.g-menu-toggle{display:flex}.g-mobile-signout{text-align:left;color:var(--g-secondary);background:0 0;border:0;padding:14px 16px;font-size:16px;display:block}.g-header-login{font-size:14px}.g-footer-inner{padding:40px 24px 28px}.g-footer-business{font-size:12px;line-height:1.9}.page-heading{flex-wrap:wrap;align-items:flex-start}.page-heading h1{font-size:29px}}@media (max-width:360px){.g-header-login{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.g-account-link .account-provider{background:var(--g-subtle);color:var(--g-text)}.g-account-link .account-provider svg{width:19px;height:19px}.g-account-link .account-provider-naver{color:#03c75a}.g-account-link .account-provider-kakao{color:#191919;background:#fee500}
.remote-stream{--stream-bg:var(--xeno-surface-base);--stream-panel:var(--xeno-surface-l1);--stream-raised:var(--xeno-surface-l2);--stream-hover:var(--xeno-button-ghost-hover);--stream-border:var(--xeno-border-l2);--stream-text:var(--xeno-fg-primary);--stream-muted:var(--xeno-fg-secondary);--stream-accent:var(--xeno-fg-primary);--stream-overlay:var(--xeno-overlay);--stream-space-1:6px;--stream-space-2:8px;--stream-space-3:10px;--stream-radius:10px;border:1px solid var(--stream-border);border-radius:var(--stream-radius);background:var(--stream-bg);height:calc(100vh - 230px);min-height:480px;color:var(--stream-text);flex-direction:column;display:flex;overflow:hidden}.console .remote-stream,.portal .remote-stream{--stream-bg:var(--xeno-surface-base);--stream-panel:var(--xeno-surface-l1);--stream-raised:var(--xeno-surface-l2);--stream-hover:var(--xeno-button-ghost-hover);--stream-border:var(--xeno-border-l2);--stream-text:var(--xeno-fg-primary);--stream-muted:var(--xeno-fg-secondary);--stream-accent:var(--xeno-fg-primary)}.stream-stage{background:var(--stream-bg);flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stream-stage canvas{aspect-ratio:16/9;object-fit:contain;outline:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.stream-stage canvas:focus-visible,.stream-stage:focus-within canvas{box-shadow:inset 0 0 0 2px var(--stream-accent)}.stream-keyboard-capture{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.stream-hud{top:var(--stream-space-3);left:var(--stream-space-3);right:var(--stream-space-3);justify-content:space-between;gap:var(--stream-space-3);pointer-events:none;color:var(--stream-text);text-shadow:0 1px 2px var(--stream-bg);font-size:12px;display:flex;position:absolute}.stream-hud span{padding:5px var(--stream-space-2);border:1px solid var(--stream-border);background:var(--stream-panel);border-radius:999px}.stream-actions{align-items:center;gap:var(--stream-space-2);padding:var(--stream-space-2) var(--stream-space-3);border-top:1px solid var(--stream-border);background:var(--stream-panel);display:flex}.stream-actions button{min-height:34px;padding:var(--stream-space-1) 11px;border:1px solid var(--stream-border);border-radius:calc(var(--stream-radius) - 2px);background:var(--stream-raised);color:var(--stream-text);cursor:pointer}.stream-actions button:hover{background:var(--stream-hover)}.stream-actions button:focus-visible{outline:2px solid var(--stream-accent);outline-offset:2px}.screen.stream-loading{color:var(--stream-muted);place-items:center;font-size:13px;display:grid}.viewer>.remote-stream{border:0;border-radius:0;height:auto;min-height:0;position:absolute;inset:42px 0 0}.viewer .bar .btn.active{border-color:var(--blue);background:var(--blue-d);color:var(--bg)}@media (max-width:900px){.remote-stream{height:auto;min-height:0}.stream-stage{aspect-ratio:16/9;flex:none}}@media (max-width:640px){.console .remote-stream{height:clamp(360px,52dvh,520px)}.stream-stage{aspect-ratio:auto;flex:1}.stream-hud{top:var(--stream-space-1);left:var(--stream-space-1);right:var(--stream-space-1);flex-wrap:wrap;justify-content:flex-start;gap:4px;font-size:12px}.stream-hud span{white-space:normal;overflow-wrap:anywhere;max-width:100%}.stream-actions{flex-wrap:wrap}.stream-actions button{white-space:normal;flex:150px;min-width:0}}:is(.portal,.console) .remote-stream{--stream-bg:var(--xeno-surface-base);--stream-panel:var(--xeno-surface-l1);--stream-raised:var(--xeno-surface-l2);--stream-hover:var(--xeno-button-ghost-hover);--stream-border:var(--xeno-border-l2);--stream-text:var(--xeno-fg-primary);--stream-muted:var(--xeno-fg-secondary);--stream-accent:var(--xeno-fg-primary);--stream-overlay:var(--xeno-overlay);--stream-radius:10px}