.x-frame{position:relative;border:1px solid rgb(36 36 36/.5);border-radius:12px;background:var(--field-panel-bg);box-shadow:var(--r-lift-strong, 4px 8px 26px -14px rgb(36 36 36 / .42));color:var(--field-text);overflow:hidden}html.dark .x-frame{border-color:#f4f0e44d}.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:#e4e0d6;box-shadow:inset 0 1px 3px #24242438}html.dark .x-keys{background:#161616}.x-key{padding:.4rem .75rem;border:0;border-radius:7px;background:0 0;color:#4a4844;font-size:.8rem;font-weight:700;cursor:pointer;transition:transform .14s ease,background .15s}html.dark .x-key{color:#b3ada1}.x-key:hover{color:#242424}html.dark .x-key:hover{color:#f4f0e4}.x-key[aria-pressed=true],.x-key[aria-selected=true]{background:linear-gradient(180deg,#a8262e,#8c1a22);color:#faf7ee;box-shadow:1px 2px #2424244d}.x-key:active{transform:translateY(1px)}.x-key:focus-visible,.x-node:focus-visible,.x-cite:focus-visible{outline:2px solid #941c24;outline-offset:2px}html.dark :is(.x-key,.x-node,.x-cite):focus-visible{outline-color:#e8484f}.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, #941c24)}.x-src{border:1px solid var(--field-line-strong);border-radius:8px;background:#fffdf7;color:#242424;overflow:hidden}html.dark .x-src{background:#2c2c2b;color:#f4f0e4}.x-src__chrome{display:flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border-bottom:1px solid var(--field-line);background:#f2ead7;font-family:var(--r-mono, ui-monospace, monospace);font-size:.68rem;color:#5a5852}html.dark .x-src__chrome{background:#222221;color:#f4f0e4b3}.x-src__chrome i{width:8px;height:8px;border-radius:50%;background:#cfc9b9}.x-src__chrome i:first-child{background:#ee7628}.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:#941c24;white-space:nowrap}html.dark .x-src__chrome em{color:#e8484f}.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:#5a5852}html.dark .x-src__meta{color:#f4f0e4b3}.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:#2424240a}html.dark :is(.x-rows,.x-checks) li{background:#f4f0e40f}.x-rows li span{font-size:.75rem;color:#5a5852}html.dark .x-rows li span{color:#f4f0e4b3}.x-rows .is-named{background:#941c241a}.x-rows .is-missing,.x-outline .is-missing{border:1px dashed #941c24;background:0 0;color:#941c24}html.dark :is(.x-rows,.x-outline) .is-missing{border-color:#e8484f;color:#e8484f}.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 #ee7628;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:#5a5852}.x-src .x-fields dd{color:#242424}html.dark .x-src .x-fields :is(dt,dd){color:#f4f0e4}.is-bad{color:#941c24!important;font-weight:700}.is-ok{color:var(--field-ink)}html.dark .is-bad{color:#e8484f!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:#5a5852}html.dark .x-reviews li{color:#f4f0e4b8}.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 #941c24;border-radius:4px;font:700 .7rem/1 var(--r-mono, ui-monospace, monospace);color:#941c24}html.dark .x-steps li:before{border-color:#e8484f;color:#e8484f}.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 #e8484f;background:#941c246b;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:#ee7628;color:#242424;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)}}