.sc-modes{margin-top:1.5rem}.sc-grid{display:grid;gap:1rem;padding-bottom:3rem}@media (min-width: 1100px){.sc-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:start}}.sc-in{display:flex;flex-direction:column;min-width:0;overflow:hidden}@media (min-width: 1100px){.sc-grid>.sc-in{position:sticky;top:4.25rem}}.sc-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .5rem .5rem .875rem;border-bottom:1px solid var(--rule)}.sc-fmt{width:auto;min-width:10rem;height:1.875rem}.sc-src{display:block;width:100%;height:clamp(16rem,50vh,32rem);margin:0;padding:.75rem .875rem;resize:vertical;border:0;outline:none;background:var(--bg);color:var(--ink);font-size:.75rem;line-height:1.6;tab-size:2;white-space:pre;overflow:auto}.sc-src.short{height:clamp(12rem,36vh,22rem)}.sc-src:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.sc-samples{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem .875rem 0}.sc-compat .sc-samples{padding:.875rem 0 1rem}.sc-status{display:grid;gap:.5rem;padding:.75rem .875rem .875rem;font-size:.8125rem}.sc-status .err,.sc-compat .err{display:flex;gap:.5rem;color:var(--down);font-size:.8125rem}.sc-status .err .i,.sc-compat .err .i{flex:none;margin-top:.125rem}.sc-out{display:grid;gap:1rem;min-width:0}.sc-codebox{overflow:hidden}.sc-tabs{flex-wrap:wrap;gap:2px;padding:.375rem;border-bottom:1px solid var(--rule);background:var(--bg-sunk)}.sc-codebar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem .5rem .375rem .875rem;border-bottom:1px solid var(--rule);font-size:.75rem}.sc-code{margin:0;padding:.875rem 1rem 1rem;max-height:38rem;overflow:auto;font:.75rem/1.65 var(--font-mono);color:var(--ink-2);tab-size:2;background:var(--surface)}.sc-code:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tk-k{color:var(--accent-ink)}.tk-t{color:color-mix(in srgb,var(--t-blue) 78%,var(--ink))}.tk-s{color:color-mix(in srgb,var(--t-teal) 80%,var(--ink))}.tk-p{color:var(--ink)}.tk-d{color:var(--amber-ink)}.tk-c{color:var(--faint);font-style:italic}.tk-a{color:var(--muted)}.tk-n{color:var(--ink)}.sc-notes{padding:0 .25rem}.sc-notes>.label{margin-bottom:.625rem}.sc-notelist{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.sc-notelist li{display:grid;grid-template-columns:auto 1fr;gap:.5rem;font-size:.8125rem;line-height:1.5;color:var(--ink-2)}.sc-notelist .i{margin-top:.1875rem;width:.875rem;height:.875rem;color:var(--muted)}.sc-notelist li.warn .i{color:var(--amber)}.sc-status .sc-notelist li{font-size:.78rem}.sc-compat{padding-bottom:3rem}.sc-pair{display:grid;gap:1rem}@media (min-width: 900px){.sc-pair{grid-template-columns:1fr 1fr}}.sc-hint{margin:.75rem 0;font-size:.8125rem}.vds{display:grid;gap:.75rem}@media (min-width: 700px){.vds{grid-template-columns:repeat(3,1fr)}}.vd{padding:.875rem 1rem;border:1px solid var(--rule);border-left:2px solid var(--ok);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--surface)}.vd.break{border-left-color:var(--down)}.vd-v{display:flex;align-items:center;gap:.375rem;margin-top:.375rem;font-size:1.125rem;font-weight:600;font-stretch:106%}.vd.ok .vd-v .i{color:var(--ok)}.vd.break .vd-v .i{color:var(--down)}.vd-s{margin-top:.25rem;font-size:.78rem;color:var(--muted)}.sc-changes td{vertical-align:top;text-align:left!important}.sc-changes td.ok .i{color:var(--ok)}.sc-changes td.break .i{color:var(--down)}.sc-changes .why{min-width:22rem;font-size:.8125rem;color:var(--ink-2)}.sc-changes td.mono{font-size:.75rem;white-space:nowrap}@media (max-width: 640px){.sc-fmt{min-width:0}}.pv-sc{position:absolute;inset:0;display:grid;grid-template-columns:.8fr 1.2fr;gap:.75rem;padding:1rem 1.25rem}.pv-sc pre{margin:0;overflow:hidden;font-size:.625rem;line-height:1.55;color:var(--ink-2);white-space:pre}.pv-in{padding:.625rem .75rem;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface)}.pv-out{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface)}.pv-out pre{padding:.5rem .75rem}.pv-tabs{display:flex;gap:.25rem;margin:0;padding:.375rem;border-bottom:1px solid var(--rule);background:var(--bg-sunk);font-size:.625rem;color:var(--muted)}.pv-tabs span{padding:.125rem .375rem;border-radius:var(--radius-sm)}.pv-tabs span.on{background:var(--accent-wash);color:var(--accent-ink)}