:root{--bg-main: #070b16;--bg-panel: #0f172a;--bg-panel-soft: #111c31;--bg-elevated: #162033;--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(148, 163, 184, .24);--text-main: #e5e7eb;--text-muted: #9ca3af;--text-dim: #64748b;--accent: #38bdf8;--accent-strong: #0ea5e9;--danger: #fb7185;--warning: #facc15;--success: #34d399;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-panel: 0 20px 80px rgba(0, 0, 0, .32);--topbar-height: 34px;--statusbar-height: 30px;--sidebar-width: 292px;--network-width: 278px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:var(--bg-main)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(52,211,153,.08),transparent 34%),var(--bg-main)}button,input{font:inherit}h1,h2,h3,p{margin:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 10px}.panel-header h2{font-size:14px;line-height:1.2}.panel-header p{margin-top:4px;color:var(--text-dim);font-size:12px}.login-page{min-height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) 420px;align-items:center;gap:48px;padding:72px clamp(28px,7vw,110px)}.login-hero{max-width:760px}.brand-mark{width:62px;height:62px;display:grid;place-items:center;margin-bottom:28px;border-radius:18px;background:linear-gradient(135deg,#38bdf8f2,#34d399e0);color:#020617;font-weight:900;letter-spacing:-.06em}.login-hero h1{font-size:clamp(42px,7vw,78px);line-height:.96;letter-spacing:-.065em}.login-hero p{max-width:620px;margin-top:20px;color:var(--text-muted);font-size:17px;line-height:1.7}.login-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px}.login-feature{min-height:102px;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a85}.login-feature strong{display:block;margin-bottom:8px;font-size:13px}.login-feature span{color:var(--text-dim);font-size:12px;line-height:1.55}.login-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0f172ad1;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-form{padding:30px}.login-form-title{margin-bottom:24px}.login-form-title h2{font-size:20px}.login-form-title p{margin-top:6px;color:var(--text-dim);font-size:13px}.field{display:block;margin-bottom:14px}.field-label{display:block;margin-bottom:7px;color:var(--text-muted);font-size:12px;font-weight:700}.field .input{width:100%;padding:0 12px}.form-error{min-height:20px;margin:2px 0 14px;color:var(--danger);font-size:12px}@media(max-width:920px){.login-page,.login-features{grid-template-columns:1fr}}.launcher-page{width:100%;height:100%;display:grid;grid-template-rows:var(--topbar-height) auto minmax(0,1fr);background:#050816;overflow:auto}.launcher-top-bar,.runtime-top-bar{display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--border-subtle);background:#0f172aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.launcher-top-bar{justify-content:space-between}.workspace-brand{display:flex;align-items:center;gap:10px;font-size:14px}.brand-dot{width:13px;height:13px;border-radius:999px;background:var(--accent);box-shadow:0 0 20px #38bdf8bd}.user-box{display:flex;align-items:center;justify-content:flex-end;gap:10px}.user-name{color:var(--text-muted);font-size:13px}.launcher-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:28px;padding:40px clamp(20px,5vw,72px) 28px}.launcher-copy{max-width:860px}.eyebrow{display:inline-flex;margin-bottom:14px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.launcher-copy h1{font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.055em}.launcher-copy p{max-width:760px;margin-top:18px;color:var(--text-muted);font-size:15px;line-height:1.75}.launcher-url-panel{align-self:end;padding:22px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0f172ab8;box-shadow:var(--shadow-panel)}.launcher-url-panel h2{font-size:16px}.launcher-url-panel p{margin:8px 0 18px;color:var(--text-dim);font-size:12px;line-height:1.6}.launcher-content{padding:0 clamp(20px,5vw,72px) 48px}.launcher-error{margin-bottom:14px;padding:12px 14px;border:1px solid rgba(251,113,133,.35);border-radius:var(--radius-md);background:#fb718514;color:var(--danger);font-size:13px}.site-launcher{min-height:0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0f172aa3;overflow:hidden}.site-launcher-card{box-shadow:var(--shadow-panel)}.site-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:8px 16px 18px}.site-card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:1fr auto;gap:12px;min-height:174px;margin:0;padding:18px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(56,189,248,.06),transparent 42%),#0206177a;cursor:default;transition:border-color .12s ease,transform .12s ease,background .12s ease}.site-card:hover{border-color:#38bdf86b;background:linear-gradient(135deg,rgba(56,189,248,.11),transparent 46%),#0206179e;transform:translateY(-1px)}.site-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#38bdf81f;color:var(--accent);font-size:20px;font-weight:900}.site-body{min-width:0}.site-body strong,.site-body span,.site-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-body strong{font-size:15px}.site-body span{margin-top:8px;color:var(--text-muted);font-size:13px}.site-body small{margin-top:12px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.site-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:end}.url-bar{height:31px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#020617a6;overflow:hidden}.url-lock{height:100%;display:grid;place-items:center;border-right:1px solid var(--border-subtle);color:var(--accent);font-size:12px;font-weight:900}.url-input{height:100%;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent}.url-bar .btn{height:25px;margin-right:2px}.runtime-page{width:100%;height:100%;display:grid;grid-template-rows:var(--topbar-height) minmax(0,1fr) var(--statusbar-height);background:#050816}.runtime-top-bar{display:grid;grid-template-columns:auto minmax(360px,1fr) auto}.runtime-top-left,.runtime-top-right{display:flex;align-items:center;gap:10px;min-width:0}.runtime-brand{color:var(--text-muted);font-size:13px;white-space:nowrap}.runtime-content{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);padding:0}.site-launcher-compact{border-radius:var(--radius-md);background:#0f172ab8}.quick-sites-floating{position:absolute;top:18px;right:18px;z-index:18;width:min(320px,calc(100% - 36px));max-height:min(560px,calc(100% - 36px));overflow:hidden;border-color:var(--border-strong);background:#0f172af0;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.quick-site-list{display:grid;gap:6px;padding:8px 10px 14px;overflow:auto}.quick-site-item{width:100%;height:48px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-md);background:#02061757;color:var(--text-main);text-align:left;cursor:pointer}.quick-site-item:hover{border-color:#38bdf852;background:#38bdf814}.quick-site-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#38bdf81a;color:var(--accent);font-weight:900}.quick-site-text{min-width:0}.quick-site-text strong,.quick-site-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-site-text strong{font-size:12px}.quick-site-text small{margin-top:4px;color:var(--text-dim);font-size:11px}.user-traffic-summary{display:flex;align-items:center;gap:8px;min-width:0}.traffic-item{display:inline-flex;align-items:center;gap:5px;color:var(--text-dim);font-size:11px;white-space:nowrap}.traffic-value,.traffic-quality{color:var(--text-muted);font-weight:700}.quality-good{color:var(--success)}.quality-normal{color:var(--warning)}.quality-bad{color:var(--danger)}.developer-overlay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line)}.developer-overlay-header h2{font-size:15px}.developer-overlay-header p{margin-top:4px;color:var(--muted)}.developer-status-row{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.developer-status-label{color:var(--muted);font-size:12px;font-weight:400}.developer-section{min-width:0;margin:5px 10px 0;padding:6px 8px 8px;border:1px solid var(--line);border-radius:6px;box-shadow:0 1px color-mix(in srgb,var(--line) 72%,transparent)}.developer-section:last-child{margin-bottom:6px}.developer-overlay .btn-ghost{border-color:var(--line);color:var(--text);background:transparent}.developer-overlay .status-badge{border-color:var(--line);color:var(--muted)}.developer-section legend{padding:0 6px;color:var(--muted)}.graphics-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}.graphics-setting-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 92px;gap:6px;align-items:center;color:var(--muted);font-size:11px}.graphics-setting-row select,.graphics-setting-row input[type=number]{width:100%;min-width:0;padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:var(--surface-2);font:inherit}.graphics-setting-row input[type=checkbox]{justify-self:end;accent-color:var(--accent)}.graphics-settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.graphics-settings-status{color:var(--muted);font-size:10px;text-align:right}.graphics-settings-status.error{color:var(--danger)}.graphics-settings-window .graphics-settings-apply{height:24px;padding:0 10px;border:1px solid var(--accent);color:#fff;background:var(--accent)}.graphics-settings-window .graphics-settings-apply:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 86%,#000)}.graphics-settings-window .graphics-settings-apply:disabled{opacity:.48}.graphics-settings-window{position:fixed;z-index:44;top:64px;left:50%;width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 90px);border:1px solid var(--line);border-radius:12px;color:var(--text);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 20px 60px #121c3047;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);transform:translate(-50%);overflow:auto}.graphics-settings-window-header{position:sticky;z-index:1;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 98%,transparent)}.graphics-settings-window-header h2{margin:0;font-size:14px}.graphics-settings-window-header p{margin:3px 0 0;color:var(--muted);font-size:10px}.graphics-settings-window-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.graphics-settings-section{min-width:0;margin:0;padding:8px;border:1px solid var(--line);border-radius:6px}.graphics-settings-section legend{padding:0 5px;color:var(--muted);font-size:11px;font-weight:400}.graphics-settings-window .graphics-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.graphics-settings-window>.graphics-settings-actions{position:sticky;bottom:0;margin:0;padding:8px 12px;background:color-mix(in srgb,var(--surface) 98%,transparent)}@media(max-width:720px){.graphics-settings-window-body,.graphics-settings-window .graphics-settings-grid{grid-template-columns:1fr}}.graphics-update-header,.graphics-update-item{display:grid;grid-template-columns:24px minmax(60px,.9fr) minmax(62px,1fr) minmax(68px,1.15fr) minmax(68px,1fr);gap:5px;align-items:center;min-width:0}.graphics-update-header{padding-bottom:4px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.graphics-update-header span:nth-child(n+3){text-align:right}.graphics-update-list{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:10px}.graphics-update-item{padding-bottom:3px;border-bottom:1px solid var(--line)}.graphics-update-kind{color:var(--accent);font-weight:600}.graphics-update-move .graphics-update-kind{color:var(--success)}.graphics-update-no,.graphics-update-size,.graphics-update-payload,.graphics-update-process,.graphics-update-empty{color:var(--muted)}.graphics-update-empty{grid-column:1 / -1}.graphics-update-no,.graphics-update-size,.graphics-update-payload,.graphics-update-process{text-align:right}.metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.metric-item{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:baseline}.metric-item-wide{grid-column:1 / -1}.metric-list dt{color:var(--muted)}.metric-list dd{margin:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}@media(max-width:1060px){.launcher-hero{grid-template-columns:1fr}.runtime-top-bar{grid-template-columns:1fr;height:auto;min-height:var(--topbar-height);padding:8px 10px}.runtime-content{grid-template-columns:1fr}.quick-sites-floating{top:12px;right:12px;width:min(320px,calc(100% - 24px));max-height:calc(100% - 24px)}}.remote-stage{position:relative;min-width:0;min-height:0;display:grid;place-items:stretch;border:1px solid var(--line);border-radius:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 8%,transparent),transparent 38%),var(--bg);overflow:hidden}.runtime-remote-stage{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 35%,transparent)}.remote-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--line) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 8%,transparent) 1px,transparent 1px);background-size:32px 32px}.remote-stage.runtime-connected:before{display:none}.remote-video{width:100%;height:100%;object-fit:contain;background:var(--bg)}.graphics-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;visibility:hidden}.graphics-canvas.graphics-active{visibility:visible}.graphics-debug-overlay-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none;visibility:hidden}.graphics-debug-overlay-canvas.graphics-debug-active{visibility:visible}.remote-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:32px;text-align:center;background:color-mix(in srgb,var(--bg) 68%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.remote-overlay h2{color:var(--text);font-size:22px;letter-spacing:-.03em}.remote-overlay p{max-width:520px;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.7}.btn{height:27px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-panel-soft);color:var(--text-main);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.btn:hover:not(:disabled),.btn.active{border-color:var(--border-strong);background:var(--bg-elevated)}.btn.active{color:var(--accent);border-color:#38bdf86b;background:#38bdf81a}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#020617;border-color:transparent}.btn-ghost{background:transparent}.btn-small{height:30px;padding:0 10px;font-size:12px}.btn-block{width:100%}.input,.url-input{height:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0206178c;color:var(--text-main);outline:none}.input:focus,.url-input:focus{border-color:#38bdf8b8;box-shadow:0 0 0 1px #38bdf81f}.status-badge{min-width:74px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px;font-weight:700}.status-badge.active{color:var(--accent);border-color:#38bdf859;background:#38bdf814}.status-badge.success{color:var(--success);border-color:#34d39959;background:#34d39914}.status-badge.warning{color:var(--warning);border-color:#facc1559;background:#facc1514}.status-badge.danger{color:var(--danger);border-color:#fb718559;background:#fb718514}:root{--rbi-top-menu-height: 43px;--bg: #f4f6f9;--surface: #fff;--surface-2: #f8fafc;--text: #172033;--muted: #748094;--line: #dfe4eb;--accent: #295bd6;--accent-soft: #eaf0ff;--shadow: 0 16px 44px rgba(31, 43, 68, .12)}:root[data-theme=dark]{--bg: #121722;--surface: #1b2230;--surface-2: #202938;--text: #edf2fa;--muted: #9ba8bb;--line: #313b4d;--accent: #7c9cff;--accent-soft: #273657;--shadow: 0 16px 44px rgba(0, 0, 0, .34)}html,body,#app{min-height:100%;margin:0;font-family:Inter,Pretendard,Noto Sans KR,Yu Gothic UI,Arial,sans-serif;font-size:12px;color:var(--text);background:var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.brand-mark,.home-logo{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;color:#fff;background:linear-gradient(145deg,#3971ef,#1f4fbf);box-shadow:0 5px 14px #295bd63d}.login{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;background:radial-gradient(circle at 68% 20%,rgba(72,121,235,.13),transparent 30%),linear-gradient(145deg,#fafbfc,var(--bg))}.login:before{content:"";position:absolute;width:520px;height:520px;right:-170px;top:-200px;border:1px solid var(--line);border-radius:50%}.login-brand{position:absolute;top:28px;left:34px;display:flex;align-items:center;gap:10px;font-size:13px}.login-brand .brand-mark{margin-bottom:0}.login-tools{position:absolute;top:28px;right:34px;display:flex;gap:7px}.login-tools select,.header-tools select,.user-theme select{height:32px;padding:0 9px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--surface)}.login-card{position:relative;z-index:1;width:min(410px,calc(100vw - 36px));padding:36px 38px 28px;border:1px solid var(--line);border-radius:20px;background:#fffffff0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-symbol{display:grid;width:40px;height:40px;margin-bottom:22px;place-items:center;border-radius:10px;color:#fff;background:var(--accent)}.login-card h1{margin:0 0 7px;white-space:nowrap;font-size:21px;letter-spacing:-.04em}.login-card>p{margin:0 0 26px;color:var(--muted);font-size:11px}.field{display:block;margin-top:15px}.field span{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:650}.field input{width:100%;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);box-sizing:border-box}.primary-btn{width:100%;height:41px;margin-top:22px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-weight:700}.secure-note{display:block;margin-top:17px;color:var(--muted);text-align:center;font-size:10px}.portal{display:grid;width:100%;height:100%;min-height:0;grid-template-columns:76px minmax(0,1fr);overflow-x:hidden;overflow-y:auto}.side{position:sticky;top:0;display:flex;height:100vh;box-sizing:border-box;flex-direction:column;align-items:center;padding:18px 10px;border-right:1px solid var(--line);background:#fff}.side nav{display:flex;width:100%;flex-direction:column;gap:7px;margin-top:36px}.side nav button{display:flex;width:100%;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:10px}.side nav button.active{color:var(--accent);background:var(--accent-soft)}.portal-main{min-width:0}.portal-header{display:flex;height:74px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#ffffffeb}.portal-header p{margin:0 0 3px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em}.portal-header h1{margin:0;font-size:18px}.header-tools{display:flex;align-items:center;gap:7px}.user-menu-host{position:relative}.portal-header .user-menu{position:absolute;top:39px;right:0}.avatar{height:32px;padding:0 12px;border:0;border-radius:18px;color:#fff;background:var(--accent);font-weight:700}.workspace{max-width:1360px;margin:0 auto;padding:32px 38px 50px}.workspace-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.workspace-lead h2{margin:0 0 6px;font-size:17px}.workspace-lead p{margin:0;color:var(--muted);font-size:12px}.search{display:flex;width:280px;height:37px;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.search input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent}.custom-url-panel{width:min(760px,100%);margin-top:20px}.navigation-url-bar{display:flex;height:30px;min-width:140px;flex:1;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);overflow:hidden}.navigation-url-bar .url-lock{display:grid;height:auto;flex:0 0 auto;padding:0;place-items:center;border:0;color:#24815e}.navigation-url-bar .url-input{min-width:0;height:100%;flex:1;padding:0;border:0;border-radius:0;color:var(--text);background:transparent;box-shadow:none;outline:0;font-size:12px}.navigation-url-bar .url-input:focus{border:0;box-shadow:none}.navigation-url-bar .url-zoom-badge{flex:0 0 auto;padding:2px 7px;border-radius:6px;color:var(--muted);background:var(--accent-soft);font-size:11px;font-weight:600;line-height:18px;white-space:nowrap}.navigation-url-bar .btn{display:none}.site-categories{display:flex;gap:6px;margin-top:16px}.site-categories button{height:32px;padding:0 13px;border:0;border-radius:17px;color:var(--muted);background:transparent}.site-categories button.active{border:1px solid var(--line);color:var(--accent);background:var(--surface);font-weight:700}.site-grid{display:grid;margin-top:24px;grid-template-columns:repeat(4,minmax(210px,1fr));gap:11px}.site-host{margin-top:8px;color:#98a2b5!important}.site-card{display:flex;min-height:108px;align-items:center;gap:14px;padding:17px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:.16s}.site-card:hover{transform:translateY(-2px);border-color:#9db4ed;background:var(--surface-2);box-shadow:0 10px 24px #1d2b4a17}.site-logo{display:grid;flex:none;place-items:center;background:transparent}.site-logo>svg,.site-logo>img{display:block;width:74%;height:74%;object-fit:contain}.site-logo>span{display:grid;width:74%;height:74%;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:800}.site-card>span:last-child{min-width:0}.site-card strong,.site-card small{display:block}.site-card strong{margin-bottom:5px;font-size:14px}.site-card small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.file-list{margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.file-row{display:grid;grid-template-columns:38px minmax(0,1fr) 70px;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid var(--line)}.file-row:last-child{border:0}.file-row span strong,.file-row span small{display:block}.file-row small{color:var(--muted);font-size:10px}.file-kind{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#3768d9;background:#edf2ff}.todo{margin-top:12px;padding:10px 12px;border:1px dashed #bbc5d5;border-radius:8px;color:var(--muted);font-size:11px}.runtime-page{width:100vw;height:100dvh;overflow:hidden}.rbi-bar{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;height:var(--rbi-top-menu-height);align-items:center;gap:7px;padding:5px 8px;box-sizing:border-box;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 4px 16px #141e3212;transition:transform .22s cubic-bezier(.22,.8,.3,1)}.rbi-bar.bar-hidden{transform:translateY(-100%)}.icon-btn,.favorite-button{display:grid;width:32px;height:32px;min-width:32px;place-items:center;padding:0;border:0;border-radius:7px;color:var(--muted);background:transparent}.icon-btn:hover,.icon-btn.active,.favorite-button:hover{color:var(--accent);background:var(--accent-soft)}.home-button{color:#fff;background:var(--accent)}.favorites{display:flex;gap:2px;padding:0 5px;border-right:1px solid var(--line)}.navigation{display:flex;min-width:0;flex:1;align-items:center;gap:2px}.navigation .navigation-url-bar{margin-left:3px}.rbi-actions{display:flex;gap:2px}.user-button{display:flex;height:32px;align-items:center;gap:6px;padding:0 9px;border:0;border-radius:17px;color:#fff;background:var(--accent);font-size:11px}.user-menu{position:fixed;z-index:50;top:49px;right:9px;width:230px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.user-identity{display:flex;align-items:center;gap:10px;padding:9px;border-bottom:1px solid var(--line)}.user-identity span{min-width:0}.user-identity strong,.user-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-identity small{margin-top:3px;color:var(--muted);font-size:10px}.user-menu button{display:flex;width:100%;align-items:center;gap:8px;margin-top:5px;padding:9px;border:0;border-radius:7px;color:#d14343;background:transparent;text-align:left}.user-theme{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px;color:var(--muted)}.user-theme select{min-width:104px}:root[data-theme=dark] .login,:root[data-theme=dark] .login-card,:root[data-theme=dark] .side,:root[data-theme=dark] .portal-header,:root[data-theme=dark] .custom-url-panel,:root[data-theme=dark] .site-card,:root[data-theme=dark] .file-list,:root[data-theme=dark] .rbi-bar,:root[data-theme=dark] .user-menu,:root[data-theme=dark] .quick-sites-floating,:root[data-theme=dark] .quick-sites-floating .quick-site-item,:root[data-theme=dark] .rbi-side-panel{color:var(--text);background:var(--surface)}:root[data-theme=dark] .developer-overlay,:root[data-theme=dark] .developer-overlay-header{color:var(--text)!important;background:#1b2230e6!important}:root[data-theme=dark] .developer-chart{background:var(--surface-2)}.runtime-content{position:fixed;inset:var(--rbi-top-menu-height) 0 0;min-width:0;min-height:0;padding:0;transition:top .22s}.rbi-bar.bar-hidden~.runtime-content{top:0}.runtime-content .runtime-remote-stage{width:100%;height:100%;border:0}.quick-sites-floating{position:fixed!important;z-index:35!important;top:calc(var(--rbi-top-menu-height) + 8px)!important;right:10px!important;width:min(440px,calc(100vw - 20px))!important;max-height:calc(100dvh - var(--rbi-top-menu-height) - 18px)!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff;box-shadow:0 18px 48px #1823382e;overflow:hidden}.quick-sites-header,.rbi-side-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 13px}.quick-sites-header h2,.rbi-side-panel-header h2{margin:0;font-size:15px}.quick-sites-header p,.rbi-side-panel-header p{margin:4px 0 0;color:var(--muted);font-size:10px}.quick-sites-search{display:flex;width:174px;height:32px;flex:0 0 auto;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.quick-sites-search input{min-width:0;width:100%;border:0;color:var(--text);background:transparent;outline:0;font-size:10px}.quick-site-categories{display:flex;gap:3px;padding:0 14px 12px;overflow-x:auto}.quick-site-categories button{height:27px;flex:0 0 auto;padding:0 10px;border:0;border-radius:14px;color:var(--muted);background:transparent;font-size:10px}.quick-site-categories button.active{border:1px solid var(--line);color:var(--accent);background:var(--accent-soft);font-weight:700}.quick-sites-floating .quick-site-list{display:grid;max-height:calc(100dvh - var(--rbi-top-menu-height) - 132px);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:3px 14px 16px;overflow-y:auto}.quick-sites-floating .quick-site-item{display:flex;width:100%;min-width:0;height:88px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px 5px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#fff;text-align:center}.quick-sites-floating .quick-site-item:hover{transform:translateY(-1px);border-color:#9db4ed;background:var(--accent-soft);box-shadow:0 7px 16px #1d2b4a14}.quick-sites-floating .quick-site-item strong{display:block;width:100%;overflow:hidden;font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.rbi-side-panel{position:fixed;z-index:35;top:var(--rbi-top-menu-height);right:0;bottom:0;width:min(380px,92vw);border-left:1px solid var(--line);color:var(--text);background:#fff;box-shadow:-16px 0 38px #1823381f;overflow-y:auto}.rbi-file-panel-list{margin:0 14px;overflow:hidden;border:1px solid var(--line);border-radius:11px}.rbi-file-panel-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 11px;border-bottom:1px solid var(--line)}.rbi-file-panel-row:last-child{border-bottom:0}.rbi-file-panel-row span:nth-child(2){min-width:0}.rbi-file-panel-row strong,.rbi-file-panel-row small{display:block}.rbi-file-panel-row strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.rbi-file-panel-row small{margin-top:3px;color:var(--muted);font-size:9px}.rbi-side-panel-todo{margin:14px;color:var(--muted);font-size:10px}.developer-overlay{position:fixed!important;z-index:45!important;top:51px!important;right:10px!important;bottom:12px!important;width:min(360px,calc(100vw - 20px))!important;max-height:none!important;overflow-y:auto!important;border:1px solid var(--line)!important;border-radius:13px!important;color:var(--text)!important;background:color-mix(in srgb,var(--surface) 90%,transparent)!important;box-shadow:0 18px 50px #121c3038!important;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);font-family:Cascadia Mono,Consolas,SFMono-Regular,Menlo,Monaco,Liberation Mono,Courier New,monospace;font-size:10px}.developer-overlay-header{position:sticky;z-index:1;top:0;color:var(--text);background:color-mix(in srgb,var(--surface) 94%,transparent)}.developer-overlay-header-actions{display:flex;align-items:center;gap:5px}.developer-overlay-header p,.developer-status-label{font-size:10px}.developer-section legend{font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.developer-legend-metric{margin-left:8px;color:var(--accent);font-size:9px;white-space:nowrap}.developer-overlay .metric-list{gap:4px 8px;font-size:10px;line-height:1.2}.developer-overlay .metric-list dd{color:var(--text)}.developer-charts{color:var(--accent)}.developer-chart{margin-top:4px;padding:0 8px;border-radius:3px;background:var(--surface-2);border:1px solid var(--line)}.developer-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.developer-chart span,.developer-chart-value{color:var(--muted);font-size:10px}.developer-chart-value{color:var(--text);font-weight:400}.developer-chart svg{display:block;width:100%;height:40px;margin-top:2px}.developer-chart-legend{display:flex;justify-content:flex-end;gap:10px;font-size:8px}.developer-chart-legend-webrtc,.developer-chart-line-webrtc{color:var(--accent)}.developer-chart-legend-rdp,.developer-chart-line-rdp{color:var(--success)}.graphics-overlay-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.graphics-overlay-setting-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:5px;color:var(--muted);font-size:10px}.graphics-overlay-setting-row input[type=number]{width:100%;min-width:0;padding:2px 4px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:var(--surface-2);font:inherit}.graphics-overlay-setting-row input[type=checkbox]{justify-self:end;accent-color:var(--accent)}.auto-scroll-test-grid{display:grid;gap:4px}.auto-scroll-test-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:8px;color:var(--muted);font-size:10px}.auto-scroll-test-row select,.auto-scroll-test-row input{width:100%;min-width:0;padding:2px 4px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:var(--surface-2);font:inherit}.auto-scroll-test-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:6px}.auto-scroll-test-status{display:grid;gap:4px;margin:7px 0 0;font-size:10px}.auto-scroll-test-status>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px}.auto-scroll-test-status dt{color:var(--muted)}.auto-scroll-test-status dd{min-width:0;margin:0;overflow:hidden;color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1080px){.site-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}.favorite-button:nth-child(n+5){display:none}}@media(max-width:760px){.portal{grid-template-columns:58px minmax(0,1fr)}.workspace{padding:24px 16px}.site-grid{grid-template-columns:1fr 1fr}.favorites,.user-button span{display:none}.custom-url-panel{grid-template-columns:1fr;gap:10px}}@media(max-width:480px){.site-grid{grid-template-columns:1fr}.login-card h1{font-size:17px}.navigation>.icon-btn{display:none}}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #121722;--surface: #1b2230;--surface-2: #202938;--text: #edf2fa;--muted: #98a5b8;--line: #313b4d;--accent: #7c9cff;--accent-soft: #273657}:root[data-theme=system] .login,:root[data-theme=system] .login-card,:root[data-theme=system] .side,:root[data-theme=system] .portal-header,:root[data-theme=system] .custom-url-panel,:root[data-theme=system] .site-card,:root[data-theme=system] .file-list,:root[data-theme=system] .rbi-bar,:root[data-theme=system] .user-menu,:root[data-theme=system] .quick-sites-floating,:root[data-theme=system] .quick-sites-floating .quick-site-item,:root[data-theme=system] .rbi-side-panel{color:var(--text);background:var(--surface)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.wheel-replay-test .auto-scroll-test-actions{flex-wrap:wrap}.wheel-replay-help{margin:0 0 6px;color:var(--muted);font-size:10px}.auto-scroll-test [hidden]{display:none}