.x-frame{position:relative;border:1px solid rgb(21 22 22/.5);border-radius:12px;background:var(--field-panel-bg);box-shadow:var(--r-lift-strong, 4px 8px 26px -14px rgb(21 22 22 / .42));color:var(--field-text);overflow:hidden}html.dark .x-frame{border-color:#ecf0f34d}.x-frame__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;border-bottom:1px solid var(--field-line)}.x-frame__title{margin:0;font-family:var(--r-mono, ui-monospace, monospace);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--field-ink)}.x-tag{margin-left:auto;padding:.1rem .5rem;border:1px dashed var(--field-line-strong);border-radius:999px;font-size:.68rem;color:var(--field-muted);white-space:nowrap}.x-frame__body{padding:1rem}.x-keys{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:10px;background:#d9dee1;box-shadow:inset 0 1px 3px #15161638}html.dark .x-keys{background:#161616}.x-key{padding:.4rem .75rem;border:0;border-radius:7px;background:0 0;color:#44484a;font-size:.8rem;font-weight:700;cursor:pointer;transition:transform .14s ease,background .15s}html.dark .x-key{color:#a1abb3}.x-key:hover{color:#151616}html.dark .x-key:hover{color:#ecf0f3}.x-key[aria-pressed=true],.x-key[aria-selected=true]{background:linear-gradient(180deg,#26a56c,#208658);color:#fff;box-shadow:1px 2px #1516164d}.x-key:active{transform:translateY(1px)}.x-key:focus-visible,.x-node:focus-visible,.x-cite:focus-visible{outline:2px solid #1d8556;outline-offset:2px}html.dark :is(.x-key,.x-node,.x-cite):focus-visible{outline-color:#26a56c}.x-ctx{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--field-line);background:color-mix(in srgb,var(--field-bg) 60%,transparent);font-size:.85rem}.x-ctx small{display:block;font-family:var(--r-mono, ui-monospace, monospace);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--field-muted)}.x-ctx b{color:var(--field-ink);margin-right:.6rem}.x-ctx em{font-style:normal;color:var(--field-text)}.x-ctx__comp b{color:var(--r-red-ink, #1d8556)}.x-src{border:1px solid var(--field-line-strong);border-radius:8px;background:#fff;color:#151616;overflow:hidden}html.dark .x-src{background:#2b2c2c;color:#ecf0f3}.x-src__chrome{display:flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border-bottom:1px solid var(--field-line);background:#e1e5e8;font-family:var(--r-mono, ui-monospace, monospace);font-size:.68rem;color:#52575a}html.dark .x-src__chrome{background:#212222;color:#ecf0f3b3}.x-src__chrome i{width:8px;height:8px;border-radius:50%;background:#bdc5cb}.x-src__chrome i:first-child{background:#26a56c}.x-src__chrome span{margin-left:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-src__chrome em{margin-left:auto;font-style:normal;color:#1d8556;white-space:nowrap}html.dark .x-src__chrome em{color:#26a56c}.x-src__body{padding:.8rem .9rem;font-size:.84rem}.x-src__h{margin:0 0 .35rem;font-weight:800;line-height:1.25}.x-src__meta{margin:0 0 .5rem;font-size:.74rem;color:#52575a}html.dark .x-src__meta{color:#ecf0f3b3}.x-src__para{margin:0;line-height:1.55}.x-rows,.x-outline,.x-checks,.x-reviews{margin:0;padding:0;list-style:none;display:grid;gap:.25rem}.x-rows li,.x-checks li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem .5rem;border-radius:5px;background:#1516160a}html.dark :is(.x-rows,.x-checks) li{background:#ecf0f30f}.x-rows li span{font-size:.75rem;color:#52575a}html.dark .x-rows li span{color:#ecf0f3b3}.x-rows .is-named{background:#1d85561a}.x-rows .is-missing,.x-outline .is-missing{border:1px dashed #841e25;background:0 0;color:#841e25}html.dark :is(.x-rows,.x-outline) .is-missing{border-color:#d33f49;color:#d33f49}.x-outline li{padding:.3rem .5rem;border-left:2px solid var(--field-line-strong)}.x-quote{margin:0;padding:.4rem .7rem;border-left:3px solid #26a56c;font-style:italic}.x-fields{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;font-size:.84rem}.x-fields dt{color:var(--field-muted)}.x-fields dd{margin:0;color:var(--field-ink);overflow-wrap:anywhere}.x-src .x-fields dt{color:#52575a}.x-src .x-fields dd{color:#151616}html.dark .x-src .x-fields :is(dt,dd){color:#ecf0f3}.is-bad{color:#841e25!important;font-weight:700}.is-ok{color:var(--field-ink)}html.dark .is-bad{color:#d33f49!important}.x-ph{display:inline-block;margin-right:.4rem;padding:0 .4rem;border:1px dashed var(--field-line-strong);border-radius:4px;font-size:.72rem}.x-reviews li{font-size:.78rem;color:#52575a}html.dark .x-reviews li{color:#ecf0f3b8}.x-steps{display:grid;gap:.6rem;margin:.9rem 0 0;padding:0;list-style:none;counter-reset:xs}.x-steps li{counter-increment:xs;padding:.6rem .75rem .6rem 2.4rem;position:relative;border:1px solid var(--field-line);border-radius:8px}.x-steps li:before{content:counter(xs);position:absolute;left:.7rem;top:.6rem;display:grid;place-items:center;width:1.2rem;height:1.2rem;border:1.5px solid #1d8556;border-radius:4px;font:700 .7rem/1 var(--r-mono, ui-monospace, monospace);color:#1d8556}html.dark .x-steps li:before{border-color:#26a56c;color:#26a56c}.x-steps small{display:block;font-family:var(--r-mono, ui-monospace, monospace);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--field-accent)}.x-steps p{margin:.15rem 0 0;font-size:.88rem;line-height:1.5}.x-follow{margin-top:.6rem;font-size:.85rem}.x-follow summary{cursor:pointer;font-weight:700;color:var(--field-ink)}.x-follow p{margin:.3rem 0 0}.x-name{padding:0 .1em;border-radius:2px;border-bottom:2px solid #26a56c;background:#1d85566b;color:#fff}.x-cite{display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;margin:0 .15rem;border:0;border-radius:4px;background:#26a56c;color:#151616;font:700 .7rem/1 var(--r-mono, ui-monospace, monospace);vertical-align:.15em;cursor:pointer}.x-table{width:100%;border-collapse:collapse;font-size:.84rem}.x-table caption{text-align:left;margin-bottom:.4rem;font-size:.75rem;color:var(--field-muted)}.x-table :is(th,td){text-align:left;padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--field-line)}.x-table thead th{font-family:var(--r-mono, ui-monospace, monospace);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--field-accent)}.x-scroll{overflow-x:auto}@media (prefers-reduced-motion:no-preference){.x-swap{animation:x-swap .22s ease-out}}@keyframes x-swap{0%{opacity:.35;transform:translateY(4px)}}