.wterm{--term-fg:#d4d4d4;--term-bg:#1e1e1e;--term-cursor:#aeafad;--term-color-0:#1e1e1e;--term-color-1:#f44747;--term-color-2:#6a9955;--term-color-3:#d7ba7d;--term-color-4:#569cd6;--term-color-5:#c586c0;--term-color-6:#4ec9b0;--term-color-7:#d4d4d4;--term-color-8:gray;--term-color-9:#f44747;--term-color-10:#6a9955;--term-color-11:#d7ba7d;--term-color-12:#569cd6;--term-color-13:#c586c0;--term-color-14:#4ec9b0;--term-color-15:#fff;--term-font-family:"Menlo", "Consolas", "DejaVu Sans Mono", "Courier New", monospace;--term-font-size:14px;--term-line-height:1.2;--term-row-height:17px;background:var(--term-bg);color:var(--term-fg);font-family:var(--term-font-family);font-size:var(--term-font-size);line-height:var(--term-line-height);border-radius:8px;outline:none;padding:12px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.wterm:focus,.wterm:focus-visible{outline:none}.term-grid{white-space:pre;contain:layout paint style;will-change:contents;display:block}.term-row{height:var(--term-row-height);line-height:var(--term-row-height);contain:layout style;display:block}.term-row>span{height:var(--term-row-height);vertical-align:top;display:inline-block}.term-block{width:1ch;overflow:hidden}.term-cursor{outline:1px solid var(--term-cursor);outline-offset:-1px}.wterm.focused .term-cursor{background:var(--term-cursor);color:var(--term-bg);outline:none}.wterm.focused.cursor-blink .term-cursor{animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{background:var(--term-cursor);color:var(--term-bg)}50%{color:inherit;background:0 0}}.wterm.has-scrollback{overflow-y:auto}.wterm ::selection{background:#569cd64d}.wterm.theme-solarized-dark{--term-fg:#839496;--term-bg:#002b36;--term-cursor:#93a1a1;--term-color-0:#073642;--term-color-1:#dc322f;--term-color-2:#859900;--term-color-3:#b58900;--term-color-4:#268bd2;--term-color-5:#d33682;--term-color-6:#2aa198;--term-color-7:#eee8d5;--term-color-8:#586e75;--term-color-9:#cb4b16;--term-color-10:#586e75;--term-color-11:#657b83;--term-color-12:#839496;--term-color-13:#6c71c4;--term-color-14:#93a1a1;--term-color-15:#fdf6e3}.wterm.theme-monokai{--term-fg:#f8f8f2;--term-bg:#272822;--term-cursor:#f8f8f0;--term-color-0:#272822;--term-color-1:#f92672;--term-color-2:#a6e22e;--term-color-3:#f4bf75;--term-color-4:#66d9ef;--term-color-5:#ae81ff;--term-color-6:#a1efe4;--term-color-7:#f8f8f2;--term-color-8:#75715e;--term-color-9:#f92672;--term-color-10:#a6e22e;--term-color-11:#f4bf75;--term-color-12:#66d9ef;--term-color-13:#ae81ff;--term-color-14:#a1efe4;--term-color-15:#f9f8f5}.wterm.theme-light{--term-fg:#383a42;--term-bg:#fafafa;--term-cursor:#526eff;--term-color-0:#383a42;--term-color-1:#e45649;--term-color-2:#50a14f;--term-color-3:#c18401;--term-color-4:#4078f2;--term-color-5:#a626a4;--term-color-6:#0184bc;--term-color-7:#fafafa;--term-color-8:#a0a1a7;--term-color-9:#e45649;--term-color-10:#50a14f;--term-color-11:#c18401;--term-color-12:#4078f2;--term-color-13:#a626a4;--term-color-14:#0184bc;--term-color-15:#fff}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151515;--card:#1c1c1c;--fg:#e8e8d3;--muted:#a0a8b0;--dim:#606060;--accent:#8fbfdc;--green:#99ad6a;--ok:#afd787;--warning:#ffaf00;--error:#d74545;--border:#606060;--tool-success:#403c41;--tool-pending:#1f1f1f;--tool-error:#40000a;--mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, monospace;font-family:var(--mono);color:var(--fg);background:var(--bg);font-size:13px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--fg);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:1px solid var(--accent);outline-offset:2px}code{color:var(--green);font-family:inherit}.skip-link{z-index:10;background:var(--accent);color:var(--bg);padding:7px 10px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:min(100% - 32px,1240px);margin:0 auto;padding:22px 0 48px}.site-head{position:relative}.site-head h1{color:var(--accent);margin:0;font-size:19px;line-height:1.2}.site-head h1 span{color:var(--green)}.site-head p{color:var(--muted);margin:4px 0 0}.site-head nav{color:var(--dim);gap:7px;display:flex;position:absolute;top:0;right:0}.install{border:1px solid var(--border);background:var(--card);color:var(--green);border-radius:5px;align-items:center;gap:22px;margin-top:12px;padding:7px 9px;display:flex}.install small{color:var(--dim)}.install:hover{border-color:var(--accent)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-top:22px;display:flex}.tabs button,.mobile-session-switch button{min-height:44px;color:var(--dim);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px}.tabs button[aria-selected=true],.mobile-session-switch button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel{padding-top:13px}.intro{max-width:900px;color:var(--muted);margin:0 0 14px;line-height:1.55}.compare-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.session{min-width:0}.session-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.session-head strong{color:var(--fg)}.session-head>span{color:var(--dim);font-size:11px}.state{border:1px solid;place-items:center;width:19px;height:19px;margin-right:4px;display:inline-grid}.state-bad{color:var(--error)}.state-good{color:var(--ok)}.pi-shell{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex-direction:column;height:550px;display:flex;overflow:hidden}.pi-screen{flex:1;min-height:0;overflow:hidden}.pi-screen.wterm{--term-bg:#151515;--term-fg:#e8e8d3;--term-cursor:#b0d0f0;--term-color-0:#151515;--term-color-1:#d74545;--term-color-2:#99ad6a;--term-color-3:#fad07a;--term-color-4:#8197bf;--term-color-5:#c6b6ee;--term-color-6:#668799;--term-color-7:#e8e8d3;--term-color-8:#888;--term-color-9:#902020;--term-color-10:#70b950;--term-color-11:#e6a75a;--term-color-12:#8fbfdc;--term-color-13:#700089;--term-color-14:#8fbfdc;--term-color-15:#f0f0f0;--term-font-family:var(--mono);--term-font-size:12px;--term-line-height:1.35;--term-row-height:16px;height:100%;box-shadow:none;scrollbar-width:none;scrollbar-gutter:auto;-ms-overflow-style:none;border-radius:0;padding:0;overflow-y:auto}.pi-screen.wterm::-webkit-scrollbar{width:0;height:0;display:none}.permission-command::-webkit-scrollbar{width:0;height:0;display:none}.pi-screen.wterm>.term-grid{background:var(--term-bg)!important}.pi-screen.wterm.has-scrollback>.term-grid{padding-bottom:var(--term-row-height)}.pi-editor{flex:none}.permission-editor[hidden],.editor-idle[hidden]{display:none}.editor-rule{background:var(--green);height:1px}.editor-line{height:22px;padding:3px 1px}.cursor{background:var(--fg);width:1ch;height:1.2em;display:inline-block}.pi-editor input{width:100%;height:28px;color:var(--fg);caret-color:#b0d0f0;background:0 0;border:0;outline:0;padding:4px 1px;display:block}.pi-editor input::placeholder{color:var(--dim)}.permission-editor{border-block:1px solid var(--error);background:var(--bg);color:var(--fg);outline:0}.permission-editor:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.permission-body{padding:8px 10px;font-size:11px;line-height:1.35}.permission-title{color:var(--error);font-weight:700}.permission-description{color:var(--warning);margin-top:8px}.permission-command-border{background:var(--dim);height:1px;margin-top:8px}.permission-command{max-height:12lh;color:var(--fg);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:3px 0;overflow:auto}.permission-line-number{min-width:2ch;color:var(--dim);text-align:right;margin-right:1ch;display:inline-block}.permission-question{margin-top:8px}.permission-keybinds{color:var(--dim);overflow-wrap:anywhere;margin-top:8px}.path-access-editor{border:1px solid var(--warning)}.path-access-title{color:var(--warning);font-weight:700}.path-access-description{color:var(--fg);margin-top:8px}.path-access-details{color:var(--dim);white-space:pre-wrap;margin-top:8px}.path-access-options{gap:2px;margin-top:8px;display:grid}.path-access-option{width:max-content;color:var(--dim);padding:1px 5px}.path-access-option.is-selected{background:var(--card);color:var(--accent)}.pi-footer{color:var(--dim);flex:none;padding:1px 1px 3px;font-size:11px;line-height:1.45}.pi-footer>div{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pi-footer>div:last-child{justify-content:space-between;gap:12px;display:flex}.replay-row{align-items:center;gap:8px;margin-top:12px;display:flex}.replay-row button,.config-actions button{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:5px;padding:6px 12px}.replay-row button:hover,.config-actions button:hover{border-color:var(--accent)}.replay-row button:disabled{cursor:default;opacity:.45}.replay-row span{color:var(--dim);font-size:11px}.mobile-session-switch{display:none}.playground-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}.playground-shell{height:610px}.controls{min-width:0}.controls h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:11px}.scenario-list{gap:5px;display:grid}.scenario-list button{border:1px solid var(--border);background:var(--card);color:var(--fg);text-align:left;border-radius:5px;padding:8px 9px}.scenario-list button:hover{border-color:var(--accent)}.scenario-list button span{color:var(--dim);margin-top:2px;font-size:11px;display:block}.scenario-list button:disabled{cursor:wait;opacity:.55}.config-details{margin-top:18px}.config-details summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.config-details textarea{resize:vertical;border:1px solid var(--border);background:var(--card);width:100%;height:320px;color:var(--fg);border-radius:5px;margin-top:8px;padding:9px;font-size:11px;line-height:1.45}.config-actions{align-items:center;gap:7px;margin-top:6px;display:flex}.config-actions span{color:var(--dim);font-size:11px}.note{color:var(--dim);margin:18px 0 0;font-size:11px;line-height:1.55}@media (width<=900px){.page{width:min(100% - 24px,1240px);padding-top:14px}.site-head nav{margin-top:8px;position:static}.compare-grid{grid-template-columns:1fr}.mobile-session-switch{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;margin-bottom:9px;display:grid}.session[data-mobile-hidden=true]{display:none}.pi-shell{height:66vh;min-height:480px}.playground-grid{grid-template-columns:1fr}.playground-shell{height:64vh;min-height:500px}.controls{margin-top:2px}}@media (width<=520px){:root{font-size:12px}.install{justify-content:space-between;gap:8px;width:100%}.pi-screen.wterm{--term-font-size:11px;--term-row-height:15px}.session-head{flex-direction:column;align-items:flex-start;gap:3px}.permission-body{padding:7px 8px;font-size:10px}.permission-description,.permission-command-border,.permission-question,.permission-keybinds,.path-access-description,.path-access-details,.path-access-options{margin-top:6px}.replay-row{flex-wrap:wrap}.replay-row span{flex-basis:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}