:root{color-scheme:light dark;--f-bg:light-dark(#f7f7f8,#131417);--f-card:light-dark(#fff,#1d1e23);--f-card-2:light-dark(#efeff1,#23252c);--f-border:light-dark(#e5e6ea,#2a2c33);--f-border-2:light-dark(#d6d8de,#383b44);--f-ink:light-dark(#191b1f,#ecedf0);--f-ink-dim:light-dark(#565a63,#a5a9b2);--f-ink-faint:light-dark(#7d818b,#797d87);--f-brand:light-dark(#4572b5,#6b95cd);--f-brand-ink:light-dark(#3a629e,#8db0de);--f-brand-soft:light-dark(#e9eef7,#1b2330);--f-ok:light-dark(#2e8f63,#63c496);--f-ok-ink:light-dark(#28744f,#63c496);--f-ok-soft:light-dark(#e4f3ec,#182a21);--f-warn:light-dark(#6e5a10,#d9b64a);--f-warn-soft:light-dark(#fdf6dd,#2c2712);--f-err:light-dark(#c0392b,#e2837a);--f-err-soft:light-dark(#faeae8,#34211f)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{background:var(--f-bg);color:var(--f-ink);margin:0;padding:18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}.demo-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.demo-head h1{letter-spacing:-.01em;flex:1;margin:0;font-size:15px;font-weight:700}#ext-status{border:1px solid var(--f-border-2);color:var(--f-ink-dim);white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600}#ext-status[data-state=installed]{border-color:var(--f-ok);color:var(--f-ok-ink);background:var(--f-ok-soft)}#ext-status[data-state=missing]{border-color:var(--f-err);color:var(--f-err);background:var(--f-err-soft)}#ext-status[data-state=cloud]{border-color:var(--f-brand);color:var(--f-brand-ink);background:var(--f-brand-soft)}#install-hint{border:1px solid var(--f-err);background:var(--f-err-soft);border-radius:10px;margin:0 0 14px;padding:11px 14px;font-size:13px;display:none}body:has(#ext-status[data-state=missing]) #install-hint{display:block}#cloud-note{border:1px solid var(--f-brand);background:var(--f-brand-soft);border-radius:10px;margin:0 0 14px;padding:11px 14px;font-size:13px;display:none}body:has(#ext-status[data-state=cloud]) #cloud-note{display:block}.demo-main{gap:14px;display:grid}.demo-main.guided{grid-template-columns:1.4fr 1fr;grid-template-areas:"frame run""frame log";align-items:start}.demo-main.guided .frame-panel{grid-area:frame}.demo-main.locators{grid-template-columns:1.2fr 1fr 1fr}@media (width<=520px){.demo-main.guided{grid-template-columns:1fr;grid-template-areas:"frame""run""log"}.demo-main.locators{grid-template-columns:1fr}}.panel{border:1px solid var(--f-border);background:var(--f-card);border-radius:14px;padding:14px;box-shadow:0 1px 3px #0000001f}.panel h2{text-transform:uppercase;letter-spacing:.04em;color:var(--f-ink-dim);margin:0 0 10px;font-size:12px;font-weight:700}.panel h3{color:var(--f-ink-dim);margin:12px 0 7px;font-size:12px;font-weight:600}iframe.demo-frame{border:1px solid var(--f-border);background:var(--f-card-2);border-radius:10px;width:100%;height:360px}.hint{color:var(--f-ink-dim);margin:10px 0 0;font-size:12px}.steps{color:var(--f-ink-dim);margin:0 0 14px;padding-left:18px;font-size:13px;line-height:1.6}.steps strong{color:var(--f-ink)}.group{flex-direction:column;gap:8px;display:flex}.group p{color:var(--f-ink-dim);margin:0;font-size:13px}button{font:inherit;border:1px solid var(--f-border-2);background:var(--f-card-2);color:var(--f-ink);cursor:pointer;text-align:left;border-radius:10px;padding:9px 14px;font-weight:600;transition:background-color .15s,border-color .15s,transform .12s}button:hover:not(:disabled){background:var(--f-brand-soft);border-color:var(--f-brand)}button:disabled{opacity:.45;cursor:default}button.primary{text-align:center;background:var(--f-brand);border-color:var(--f-brand);color:light-dark(#fff,#131417);width:100%}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--f-brand);transform:translateY(-1px)}#reset{margin-top:8px}#log{flex-direction:column;gap:6px;max-height:320px;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;list-style:none;display:flex;overflow-y:auto}#log li{color:var(--f-ink-dim);line-height:1.4}#log li[data-kind=ok]{color:var(--f-ok-ink)}#log li[data-kind=err]{color:var(--f-err)}#log li[data-kind=step]{color:var(--f-ink);font-weight:600}