.rl-app{--term-bg: #12161b;--bg: #171c22;--raised: #1f252d;--raised-2: #272e38;--line: #313945;--text: #e8eaed;--text-2: #b3bac4;--muted: #8a94a1;--red: #e5372e;--red-strong: #c9190b;--red-text: #ff8f86;--focus: #f0ab00;--jazan: #3fa77a;--ok: #73c991;--warn: #f0c060;--job-1: #3987e5;--job-2: #d95926;--job-3: #199e70;--job-4: #c98500;--job-5: #d55181;--job-6: #2a9a2a;--job-7: #9085e9;--job-8: #e66767;--mono: "Red Hat Mono", "JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--sans: "Red Hat Text", "Segoe UI", system-ui, -apple-system, Roboto, "Noto Sans", sans-serif;--display: "Red Hat Display", "Segoe UI Semibold", "Segoe UI", system-ui, sans-serif;color-scheme:dark;position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}.rl-app *,.rl-app *:before,.rl-app *:after{box-sizing:border-box}.rl-app :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rl-app [hidden]{display:none!important}.rl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2rem;padding:0 .75rem;border:1px solid var(--line);border-radius:4px;background:var(--raised);color:var(--text);font:500 13px/1 var(--sans);cursor:pointer;white-space:nowrap}.rl-btn:hover:not(:disabled){background:var(--raised-2);border-color:#46505e}.rl-btn:disabled{opacity:.45;cursor:not-allowed}.rl-btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.rl-btn-ghost:hover:not(:disabled){color:var(--text)}.rl-btn-ghost[aria-pressed=true],.rl-btn-ghost[aria-expanded=true]{color:var(--text);background:var(--raised);border-color:var(--line)}.rl-btn-quiet{min-height:1.75rem;padding:0 .6rem;background:transparent;color:var(--text-2)}.rl-btn-primary{background:var(--red-strong);border-color:var(--red-strong);color:#fff}.rl-btn-primary:hover:not(:disabled){background:#a90f04;border-color:#a90f04}.rl-btn-danger{background:transparent;border-color:#8c2a24;color:var(--red-text)}.rl-btn-danger:hover:not(:disabled){background:var(--red-strong);border-color:var(--red-strong);color:#fff}.rl-top{display:flex;align-items:center;gap:1rem;min-height:3rem;padding:.4rem .75rem;border-bottom:1px solid var(--line);background:var(--bg)}.rl-brand{display:flex;align-items:center;gap:.6rem;min-width:0}.rl-mark{flex:none;width:28px;height:28px}.rl-mark-frame{fill:none;stroke:var(--red);stroke-width:2}.rl-mark-chevron{fill:none;stroke:var(--text);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.rl-mark-cursor{stroke:var(--jazan);stroke-width:2.4;stroke-linecap:round}.rl-brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.rl-brand-name{font:700 16px/1.1 var(--display);letter-spacing:.01em}.rl-brand-sub{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rl-actions{margin-left:auto;display:flex;align-items:center;gap:.4rem}.rl-body{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.rl-work{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;background:var(--term-bg)}.rl-termbar{display:flex;align-items:center;gap:.75rem;min-height:2.25rem;padding:0 .5rem 0 0;border-bottom:1px solid var(--line);background:var(--bg)}.rl-tabs{display:flex;align-self:stretch}.rl-tab{position:relative;padding:0 1rem;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:500 13px/1 var(--sans);cursor:pointer}.rl-tab:hover{color:var(--text)}.rl-tab[aria-selected=true]{background:var(--term-bg);color:var(--text)}.rl-tab[aria-selected=true]:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--red)}.rl-tab[aria-selected=true]:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:var(--term-bg)}.rl-sim-badge{padding:.1rem .5rem;border:1px solid var(--line);border-radius:999px;color:var(--text-2);font-size:12px;white-space:nowrap}.rl-termbar-actions{display:flex;gap:.25rem;margin-left:auto}.rl-terms{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0}.rl-app[data-layout=split] .rl-terms{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--line)}.rl-app[data-layout=single] .rl-pane:not(.is-active){display:none}.rl-pane{position:relative;display:flex;min-width:0;min-height:0;background:var(--term-bg)}.rl-app[data-layout=split] .rl-pane{border-top:2px solid transparent}.rl-app[data-layout=split] .rl-pane.is-active{border-top-color:var(--red)}.rl-term-host{flex:1;min-width:0;min-height:0;padding:6px 4px 4px 10px;overflow:hidden;background:var(--term-bg);color:var(--text);font-family:var(--mono)}.rl-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center;background:#12161be0}.rl-overlay.is-finished{background:var(--term-bg)}.rl-overlay p{max-width:34rem;margin:0;color:var(--text-2)}.rl-overlay .rl-overlay-title{color:var(--text);font:600 18px/1.3 var(--display)}.rl-overlay .rl-btn{margin-top:.5rem}.rl-banner{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-top:1px solid #8c2a24;background:#2a1517;color:#ffd2cd}.rl-banner .rl-btn{margin-left:auto}.rl-keys{display:flex;gap:4px;padding:6px;border-top:1px solid var(--line);background:var(--bg);overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.rl-key{flex:none;min-width:2.75rem;height:2.25rem;padding:0 .6rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--raised);color:var(--text);font:500 13px/1 var(--mono);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.rl-key:active{background:var(--raised-2);border-bottom-width:1px;transform:translateY(1px)}.rl-key-arrow{min-width:2.5rem;font-size:15px}.rl-key:nth-child(3),.rl-key:nth-child(6),.rl-key:nth-child(9),.rl-key:nth-child(13){margin-left:6px}.rl-status{display:flex;align-items:center;gap:1rem;min-height:1.75rem;padding:0 .75rem;border-top:1px solid var(--line);background:var(--bg);color:var(--text-2);font-size:12px;white-space:nowrap;overflow:hidden}.rl-phase{display:inline-flex;align-items:center;gap:.4rem;color:var(--text);font-weight:600}.rl-phase:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.rl-phase[data-phase=ready]:before{background:var(--ok)}.rl-phase[data-phase=busy]:before{background:#6aa5f0}.rl-phase[data-phase=starting]:before{background:var(--focus)}.rl-phase[data-phase=error]:before{background:var(--red)}.rl-msg{min-width:0;overflow:hidden;text-overflow:ellipsis}.rl-where,.rl-mode,.rl-latency{font-family:var(--mono);font-size:11.5px}.rl-where{color:var(--text)}.rl-notice{margin-left:auto;color:var(--muted)}.rl-dialog{max-width:26rem;padding:1.25rem;border:1px solid var(--line);border-radius:6px;background:var(--raised);color:var(--text)}.rl-dialog::backdrop{background:#080a0db3}.rl-dialog h2{margin:0 0 .5rem;font:600 17px/1.3 var(--display)}.rl-dialog p{margin:0 0 1.25rem;color:var(--text-2)}.rl-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:1279px){.rl-brand-sub{display:none}}@media(max-width:1099px){.rl-latency,.rl-mode{display:none}}@media(max-width:899px){.rl-sim-badge{display:none}}@media(max-width:719px){.rl-top{gap:.5rem;padding:.35rem .5rem}.rl-brand-sub{display:none}.rl-actions{gap:.25rem}.rl-actions .rl-btn{padding:0 .55rem}.rl-body{grid-template-columns:minmax(0,1fr)}.rl-app[data-layout=split] .rl-terms{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.rl-term-host{padding:4px 2px 2px 6px}.rl-key{height:2.6rem}.rl-notice,.rl-msg{display:none}.rl-status{gap:.75rem}.rl-status:after{content:"Browser simulation. Refresh resets.";margin-left:auto;color:var(--muted)}}@media(pointer:coarse){.rl-btn{min-height:2.5rem}}@media(prefers-reduced-motion:reduce){.rl-key:active{transform:none}}@media(forced-colors:active){.rl-tab[aria-selected=true]{outline:2px solid Highlight}}@media(max-width:719px){.rl-mark{width:24px;height:24px}.rl-tab{padding:0 .7rem}.rl-termbar{gap:.25rem}.rl-termbar-actions .rl-btn{padding:0 .5rem}}