.gx{--ink:#111113;--muted:#6b6b72;--faint:#9a9aa2;--line:#e6e6ea;--surface:#ffffff;--bg:#fbfbfd;--accent:#0a84ff;background:var(--bg);color:var(--ink);min-height:100vh;font-family:ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}.gx-wrap{max-width:1120px;margin:0 auto;padding:0 24px}.gx-hero{padding:92px 0 56px}.gx-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0}.gx-h1{font-family:ui-sans-serif,-apple-system,SF Pro Display,system-ui,sans-serif;font-size:clamp(2.4rem,6vw,3.9rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:14px 0 0}.gx-lede{max-width:40rem;margin:20px 0 0;font-size:1.075rem;line-height:1.6;color:var(--muted)}.gx-lede b{color:var(--ink);font-weight:700}.gx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding-bottom:88px}.gx-card{display:flex;flex-direction:column;background:var(--surface);border-radius:22px;padding:22px;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px -22px rgba(0,0,0,.35);transition:transform .18s ease,box-shadow .18s ease}.gx-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(0,0,0,.04),0 22px 44px -24px rgba(0,0,0,.4)}.gx-cover{height:128px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.gx-cover span{font-family:ui-sans-serif,-apple-system,SF Pro Display,system-ui,sans-serif;font-size:2.1rem;font-weight:900;letter-spacing:-.04em;color:#fff;opacity:.96}.gx-card h2{font-size:1.22rem;font-weight:800;letter-spacing:-.02em;margin:0}.gx-card p{margin:8px 0 0;font-size:.9rem;line-height:1.5;color:var(--muted)}.gx-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.gx-chip{font-size:11px;font-weight:800;letter-spacing:.04em;padding:5px 10px;border-radius:9999px;background:#f2f2f5;color:var(--muted)}.gx-chip.on{background:#e7f1ff;color:#0a5fbd}.gx-play{margin-top:auto;padding-top:18px;font-size:.85rem;font-weight:800;color:var(--accent)}.gx-run{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:40px;padding:40px 0 96px;align-items:start}@media (max-width:900px){.gx-run{grid-template-columns:1fr;gap:28px}}.gx-back{display:inline-block;margin:28px 0 0;font-size:.85rem;font-weight:800;color:var(--muted);text-decoration:none}.gx-back:hover{color:var(--ink)}.gx-phone{border-radius:38px;padding:14px;background:#1c1c1e;box-shadow:0 30px 70px -34px rgba(0,0,0,.6);position:sticky;top:24px}.gx-screen{border-radius:26px;overflow:hidden;min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:20px 14px}@media (max-width:900px){.gx-phone{position:static}}.gx-panel{background:var(--surface);border-radius:20px;padding:22px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px -24px rgba(0,0,0,.3)}.gx-panel h3{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}.gx-panel h3 em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;color:var(--faint);margin-left:8px}.gx-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:.88rem}.gx-row:first-of-type{border-top:0}.gx-row b{font-weight:700}.gx-row .num{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted)}.gx-bar{flex:0 0 74px;height:6px;border-radius:9999px;background:#eee;overflow:hidden}.gx-bar i{display:block;height:100%;background:var(--accent)}.gx-pin{border:0;background:#f2f2f5;border-radius:9999px;font-size:11px;font-weight:800;padding:5px 11px;cursor:pointer;color:var(--muted)}.gx-pin.on{background:var(--accent);color:#fff}.gx-out{opacity:.42}.gx-log{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.75;max-height:300px;overflow:auto}.gx-log div{display:flex;gap:10px}.gx-log .k{flex:0 0 60px;font-weight:700;color:var(--faint)}.gx-log .ev{color:#0a5fbd}.gx-log .cl{color:#b8500a}.gx-log .empty{color:var(--faint);font-family:inherit}.gx-actions{display:flex;flex-wrap:wrap;gap:10px}.gx-btn{border:1px solid var(--line);background:var(--surface);border-radius:9999px;padding:10px 18px;font-size:.82rem;font-weight:800;cursor:pointer;color:var(--ink)}.gx-btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.gx-note{margin:14px 0 0;font-size:.8rem;line-height:1.55;color:var(--faint)}.gx-list{margin:0;padding-left:18px;font-size:.88rem;line-height:1.6;color:var(--muted)}.gx-list li{margin-bottom:6px}