:root,:root[data-theme=dark]{--cicd-scheme:dark;--cicd-surface-base:#131211;--cicd-surface-inset:#181716;--cicd-surface-l1:#181716;--cicd-surface-l1-hover:#23211f;--cicd-surface-l2:#201f1d;--cicd-surface-l2-active:#2b2927;--cicd-surface-l3:#363636;--cicd-surface-l4:#363636;--cicd-surface-elevated:#23211f;--cicd-surface-invert:#fcfcfc;--cicd-fg-primary:#fcfcfc;--cicd-fg-secondary:#9e9e9e;--cicd-fg-tertiary:#858585;--cicd-fg-quaternary:#636363;--cicd-fg-invert:#050505;--cicd-fg-warning:#fdd73f;--cicd-fg-danger:#f2787e;--cicd-fg-success:#8ce38f;--cicd-fg-positive:#8ce38f;--cicd-fg-link:#89a1f5;--cicd-fg-link-hover:#3857c7;--cicd-wd-accent:#299fff;--cicd-wd-accent-hover:#47acff;--cicd-wd-composer-bg:#201f1d;--cicd-wd-user-bubble:#201f1d;--cicd-wd-diff-add:#63b67c;--cicd-wd-diff-del:#cd8489;--cicd-overlay:#05050580;--cicd-popover:#23211f;--cicd-button-filled:#fcfcfc;--cicd-button-filled-hover:#dedede;--cicd-button-filled-active:#9e9e9e;--cicd-button-ghost-surface-hover:#fcfcfc0a;--cicd-button-ghost-hover:#fcfcfc14;--cicd-button-ghost-active:#fcfcfc1a;--cicd-button-secondary-fill:#fcfcfc14;--cicd-button-secondary-fill-hover:#fcfcfc1a;--cicd-button-secondary-fill-active:#fcfcfc1f;--cicd-button-danger-fill:#f2787e0f;--cicd-button-danger-fill-hover:#f2787e14;--cicd-button-danger-fill-active:#f2787e1a;--cicd-border-l1:#fcfcfc0f;--cicd-border-l2:#fcfcfc1a;--cicd-border-l3:#fcfcfc33;--cicd-ring:#474747;--cicd-highlight:#fcfcfc4d;--cicd-bg-warning:#fdd73f1a;--cicd-input-background:#181716;--cicd-input-background-hover:#181716;--cicd-input-button-background:#23211f;--cicd-input-button-background-hover:#2b2927;--cicd-input-button-background-selected:#363330;--cicd-input-button-border:#fcfcfc14;--cicd-input-button-border-hover:#fcfcfc24;--cicd-wd-composer-border:#fcfcfc0f;--cicd-shadow-sm:0 1px 2px #0000003d;--cicd-shadow:0 12px 32px #00000052;--cicd-shadow-lg:0 24px 64px #0006}@supports (color:lab(0% 0 0)){:root,:root[data-theme=dark]{--cicd-overlay:lab(1.39904% 0 0/.5);--cicd-button-filled:lab(99.1184% -.0000298023 0);--cicd-button-filled-hover:lab(88.4116% 0 -.0000119209);--cicd-button-filled-active:lab(65.1536% 0 0);--cicd-button-ghost-surface-hover:lab(99.1184% -.0000298023 0/.04);--cicd-button-ghost-hover:lab(99.1184% -.0000298023 0/.08);--cicd-button-ghost-active:lab(99.1184% -.0000298023 0/.1);--cicd-button-secondary-fill:lab(99.1184% -.0000298023 0/.08);--cicd-button-secondary-fill-hover:lab(99.1184% -.0000298023 0/.1);--cicd-button-secondary-fill-active:lab(99.1184% -.0000298023 0/.12);--cicd-border-l3:lab(99.1184% -.0000298023 0/.2);--cicd-ring:lab(30.3304% 0 -.00000596046);--cicd-highlight:lab(99.1184% -.0000298023 0/.3)}}:root[data-theme=light]{--cicd-scheme:light;--cicd-surface-base:#f9f8f7;--cicd-surface-inset:#f5f3f2;--cicd-surface-l1:#f5f3f2;--cicd-surface-l1-hover:#f0eeed;--cicd-surface-l2:#eae8e6;--cicd-surface-l2-active:#e6e5e3;--cicd-surface-l3:#e8e8e8;--cicd-surface-l4:#dedede;--cicd-surface-elevated:#fff;--cicd-surface-invert:#050505;--cicd-fg-primary:#050505;--cicd-fg-secondary:#636363;--cicd-fg-tertiary:#858585;--cicd-fg-quaternary:#9e9e9e;--cicd-fg-invert:#fcfcfc;--cicd-fg-warning:#946f00;--cicd-fg-danger:#b72a35;--cicd-fg-success:#009427;--cicd-fg-positive:#009427;--cicd-fg-link:#3857c7;--cicd-fg-link-hover:#89a1f5;--cicd-wd-accent:#0890ff;--cicd-wd-accent-hover:#0078d8;--cicd-wd-composer-bg:#fff;--cicd-wd-user-bubble:#f0efed;--cicd-wd-diff-add:#2f7448;--cicd-wd-diff-del:#a7444b;--cicd-overlay:#05050533;--cicd-popover:#f2f2f2;--cicd-button-filled:#050505;--cicd-button-filled-hover:#292929;--cicd-button-filled-active:#363636;--cicd-button-ghost-surface-hover:#05050505;--cicd-button-ghost-hover:#0505050a;--cicd-button-ghost-active:#05050514;--cicd-button-secondary-fill:#0505050a;--cicd-button-secondary-fill-hover:#0505050f;--cicd-button-secondary-fill-active:#05050514;--cicd-button-danger-fill:#b72a350f;--cicd-button-danger-fill-hover:#b72a3514;--cicd-button-danger-fill-active:#b72a351a;--cicd-border-l1:#0f0d0a0a;--cicd-border-l2:#0f0d0a14;--cicd-border-l3:#05050526;--cicd-ring:#858585;--cicd-highlight:#d0dbfb66;--cicd-bg-warning:#e6b40014;--cicd-input-background:#f5f3f2;--cicd-input-background-hover:#f5f3f2;--cicd-input-button-background:#f5f3f2;--cicd-input-button-background-hover:#f0eeed;--cicd-input-button-background-selected:#e6e5e3;--cicd-input-button-border:#0f0d0a0f;--cicd-input-button-border-hover:#0f0d0a1a;--cicd-wd-composer-border:#e6e5e3;--cicd-shadow-sm:0 1px 2px #0000000d;--cicd-shadow:0 12px 32px #0000001f;--cicd-shadow-lg:0 24px 64px #00000029}@supports (color:lab(0% 0 0)){:root[data-theme=light]{--cicd-overlay:lab(1.39904% 0 0/.2);--cicd-popover:lab(95.5804% -.0000298023 0);--cicd-button-filled:lab(1.39904% 0 0);--cicd-button-filled-hover:lab(16.4916% 0 -.00000596046);--cicd-button-filled-active:lab(22.4076% 0 0);--cicd-button-ghost-surface-hover:lab(1.39904% 0 0/.02);--cicd-button-ghost-hover:lab(1.39904% 0 0/.04);--cicd-button-ghost-active:lab(1.39904% 0 0/.08);--cicd-button-secondary-fill:lab(1.39904% 0 0/.04);--cicd-button-secondary-fill-hover:lab(1.39904% 0 0/.06);--cicd-button-secondary-fill-active:lab(1.39904% 0 0/.08);--cicd-border-l3:lab(1.39904% 0 0/.15);--cicd-ring:lab(55.3864% 0 0);--cicd-highlight:lab(87.273% 1.09226 -17.0268/.4)}}:root{--cicd-success-soft:color-mix(in srgb, var(--cicd-fg-success) 8%, transparent);--cicd-success-border:color-mix(in srgb, var(--cicd-fg-success) 24%, transparent);--cicd-warning-border:color-mix(in srgb, var(--cicd-fg-warning) 24%, transparent);--cicd-danger-border:color-mix(in srgb, var(--cicd-fg-danger) 24%, transparent);--cicd-accent-soft:color-mix(in srgb, var(--cicd-wd-accent) 8%, transparent);--cicd-accent-border:color-mix(in srgb, var(--cicd-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(--cicd-button-filled);--g-brand-hover:var(--cicd-button-filled-hover);--g-brand-soft:var(--cicd-button-secondary-fill);--g-action:var(--cicd-button-filled);--g-action-hover:var(--cicd-button-filled-hover);--g-on-action:var(--cicd-fg-invert);--g-link:var(--cicd-fg-link);--g-canvas:var(--cicd-surface-base);--g-surface:var(--cicd-surface-l1);--g-subtle:var(--cicd-surface-l2);--g-hover:var(--cicd-button-ghost-hover);--g-elev-1:var(--cicd-surface-l1);--g-elev-2:var(--cicd-surface-l2);--g-elev-3:var(--cicd-surface-l3);--g-text:var(--cicd-fg-primary);--g-secondary:var(--cicd-fg-secondary);--g-muted:var(--cicd-fg-tertiary);--g-line:var(--cicd-border-l1);--g-line-strong:var(--cicd-border-l2);--g-success:var(--cicd-fg-success);--g-success-soft:var(--cicd-success-soft);--g-warning:var(--cicd-fg-warning);--g-warning-soft:var(--cicd-bg-warning);--g-danger:var(--cicd-fg-danger);--g-danger-soft:var(--cicd-button-danger-fill);--g-shadow:var(--cicd-shadow);--g-shadow-sm:var(--cicd-shadow-sm);--g-glass:var(--cicd-surface-l1);--g-glass-strong:var(--cicd-surface-l2);--g-glass-soft:var(--cicd-surface-inset);--g-glass-border:var(--cicd-border-l1);--g-glass-border-strong:var(--cicd-border-l2);--g-glass-blur:28px;--g-accent-warm:var(--cicd-wd-accent);--g-accent-warm-soft:var(--cicd-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(--cicd-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(--cicd-button-filled);--g-brand-hover:var(--cicd-button-filled-hover);--g-brand-soft:var(--cicd-button-secondary-fill);--g-action:var(--cicd-button-filled);--g-action-hover:var(--cicd-button-filled-hover);--g-on-action:var(--cicd-fg-invert);--g-link:var(--cicd-fg-link);--g-canvas:var(--cicd-surface-base);--g-surface:var(--cicd-surface-l1);--g-subtle:var(--cicd-surface-l2);--g-hover:var(--cicd-button-ghost-hover);--g-elev-1:var(--cicd-surface-l1);--g-elev-2:var(--cicd-surface-l2);--g-elev-3:var(--cicd-surface-l3);--g-text:var(--cicd-fg-primary);--g-secondary:var(--cicd-fg-secondary);--g-muted:var(--cicd-fg-tertiary);--g-line:var(--cicd-border-l1);--g-line-strong:var(--cicd-border-l2);--g-success:var(--cicd-fg-success);--g-success-soft:var(--cicd-success-soft);--g-warning:var(--cicd-fg-warning);--g-warning-soft:var(--cicd-bg-warning);--g-danger:var(--cicd-fg-danger);--g-danger-soft:var(--cicd-button-danger-fill);--g-shadow:var(--cicd-shadow);--g-shadow-sm:var(--cicd-shadow-sm);color-scheme:var(--cicd-scheme)}:root[data-theme=dark]{--g-brand:var(--cicd-button-filled);--g-brand-hover:var(--cicd-button-filled-hover);--g-brand-soft:var(--cicd-button-secondary-fill);--g-action:var(--cicd-button-filled);--g-action-hover:var(--cicd-button-filled-hover);--g-on-action:var(--cicd-fg-invert);--g-link:var(--cicd-fg-link);--g-canvas:var(--cicd-surface-base);--g-surface:var(--cicd-surface-l1);--g-subtle:var(--cicd-surface-l2);--g-hover:var(--cicd-button-ghost-hover);--g-elev-1:var(--cicd-surface-l1);--g-elev-2:var(--cicd-surface-l2);--g-elev-3:var(--cicd-surface-l3);--g-text:var(--cicd-fg-primary);--g-secondary:var(--cicd-fg-secondary);--g-muted:var(--cicd-fg-tertiary);--g-line:var(--cicd-border-l1);--g-line-strong:var(--cicd-border-l2);--g-success:var(--cicd-fg-success);--g-success-soft:var(--cicd-success-soft);--g-warning:var(--cicd-fg-warning);--g-warning-soft:var(--cicd-bg-warning);--g-danger:var(--cicd-fg-danger);--g-danger-soft:var(--cicd-button-danger-fill);--g-shadow:var(--cicd-shadow);--g-shadow-sm:var(--cicd-shadow-sm);--g-glass:var(--cicd-surface-l1);--g-glass-strong:var(--cicd-surface-l2);--g-glass-soft:var(--cicd-surface-inset);--g-glass-border:var(--cicd-border-l1);--g-glass-border-strong:var(--cicd-border-l2);--g-glass-blur:28px;color-scheme:var(--cicd-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(--cicd-ring);outline-offset:4px}::selection{background:var(--cicd-highlight);color:var(--cicd-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}.groa-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}.groa-brand small{color:var(--g-muted);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:500}.groa-mark{background:var(--g-action);border-radius:11px;width:31px;height:31px;display:inline-block;position:relative}.groa-mark:before{content:"";border:2px solid var(--g-on-action);border-radius:4px;width:15px;height:12px;position:absolute;top:7px;left:8px}.groa-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(--cicd-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(.groa-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}.groa-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(--cicd-surface-base);--stream-panel:var(--cicd-surface-l1);--stream-raised:var(--cicd-surface-l2);--stream-hover:var(--cicd-button-ghost-hover);--stream-border:var(--cicd-border-l2);--stream-text:var(--cicd-fg-primary);--stream-muted:var(--cicd-fg-secondary);--stream-accent:var(--cicd-fg-primary);--stream-overlay:var(--cicd-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(--cicd-surface-base);--stream-panel:var(--cicd-surface-l1);--stream-raised:var(--cicd-surface-l2);--stream-hover:var(--cicd-button-ghost-hover);--stream-border:var(--cicd-border-l2);--stream-text:var(--cicd-fg-primary);--stream-muted:var(--cicd-fg-secondary);--stream-accent:var(--cicd-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(--cicd-surface-base);--stream-panel:var(--cicd-surface-l1);--stream-raised:var(--cicd-surface-l2);--stream-hover:var(--cicd-button-ghost-hover);--stream-border:var(--cicd-border-l2);--stream-text:var(--cicd-fg-primary);--stream-muted:var(--cicd-fg-secondary);--stream-accent:var(--cicd-fg-primary);--stream-overlay:var(--cicd-overlay);--stream-radius:10px}