:root{color-scheme:light dark;--bg:light-dark(#f4f6f4,#111614);--panel:light-dark(#fff,#171d1b);--rail:light-dark(#eef2f0,#1d2623);--panel-2:light-dark(#f7f8f6,#202927);--text:light-dark(#17201d,#f3f7f4);--muted:light-dark(#5e6964,#afbbb5);--border:light-dark(#ccd5d0,#34433e);--accent:light-dark(#0b6b5d,#74ded0);--accent-strong:light-dark(#064f45,#a7f3ea);--accent-warm:light-dark(#805b16,#e9c479);--danger:light-dark(#9c1f32,#ffb1bd);--focus:light-dark(#0b6b5d,#8af0e3)}.demo-credits:where(.astro-uexfq6ra){text-align:center;justify-content:center;max-width:min(1540px,100% - 28px);margin:16px auto 18px;display:grid}.demo-credits:where(.astro-uexfq6ra) a:where(.astro-uexfq6ra){color:var(--accent);border:1px solid color-mix(in srgb, var(--accent), transparent 62%);background:linear-gradient(130deg, color-mix(in srgb, var(--accent-soft), transparent 86%), transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 86%), 0 .35rem 1rem -.45rem var(--accent);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .95rem;font-weight:700;text-decoration:none;display:inline-flex}.demo-credits:where(.astro-uexfq6ra) a:where(.astro-uexfq6ra):hover,.demo-credits:where(.astro-uexfq6ra) a:where(.astro-uexfq6ra):focus-visible{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 48%), 0 .45rem 1.2rem -.42rem var(--accent);transform:translateY(-1px)}.demo-credits-icon:where(.astro-uexfq6ra){color:var(--accent-strong);font-size:.85rem;line-height:1}:where(.astro-uexfq6ra){box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:where(.astro-uexfq6ra):focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:where(.astro-uexfq6ra),select:where(.astro-uexfq6ra),textarea:where(.astro-uexfq6ra),input:where(.astro-uexfq6ra){font:inherit}button:where(.astro-uexfq6ra),select:where(.astro-uexfq6ra),input:where(.astro-uexfq6ra){min-height:38px}button:where(.astro-uexfq6ra){border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:4px;padding:0 10px}button:where(.astro-uexfq6ra).primary,button:where(.astro-uexfq6ra)[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 84%);color:var(--accent-strong);font-weight:700}button:where(.astro-uexfq6ra).danger{border-color:var(--danger);color:var(--danger)}select:where(.astro-uexfq6ra),textarea:where(.astro-uexfq6ra),input:where(.astro-uexfq6ra){border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:4px}select:where(.astro-uexfq6ra),input:where(.astro-uexfq6ra){padding:0 9px}textarea:where(.astro-uexfq6ra){resize:vertical;min-height:92px;padding:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}code:where(.astro-uexfq6ra),pre:where(.astro-uexfq6ra){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre:where(.astro-uexfq6ra){border:1px solid var(--border);background:var(--panel-2);white-space:pre-wrap;border-radius:4px;min-height:112px;max-height:236px;margin:0;padding:10px;font-size:.82rem;line-height:1.45;overflow:auto}main:where(.astro-uexfq6ra){width:min(1540px,100% - 28px);margin:0 auto;padding:18px 0 32px}header:where(.astro-uexfq6ra){gap:6px;margin-bottom:0;display:grid}h1:where(.astro-uexfq6ra),h2:where(.astro-uexfq6ra),h3:where(.astro-uexfq6ra),p:where(.astro-uexfq6ra){margin-top:0}h1:where(.astro-uexfq6ra){margin-bottom:0;font-size:1.85rem;line-height:1.12}h2:where(.astro-uexfq6ra){margin-bottom:.35rem;font-size:1.05rem}h3:where(.astro-uexfq6ra){font-size:.82rem}.eyebrow:where(.astro-uexfq6ra),.label:where(.astro-uexfq6ra){color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.lede:where(.astro-uexfq6ra){color:var(--muted);margin-bottom:0;font-size:.96rem}.page-intro:where(.astro-uexfq6ra){border-bottom:1px solid var(--border);grid-template-columns:minmax(300px,.7fr) minmax(620px,1.3fr);align-items:start;gap:18px;margin-bottom:12px;padding-bottom:12px;display:grid}.boundary-strip:where(.astro-uexfq6ra){border-left:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(310px,.85fr);align-items:start;gap:14px;padding-left:18px;display:grid}.boundary-strip:where(.astro-uexfq6ra) h2:where(.astro-uexfq6ra),.boundary-strip:where(.astro-uexfq6ra) p:where(.astro-uexfq6ra){margin-bottom:0}.boundary-facts:where(.astro-uexfq6ra){grid-template-columns:max-content 1fr;gap:5px 10px;margin:0;font-size:.84rem;display:grid}.boundary-facts:where(.astro-uexfq6ra) dt:where(.astro-uexfq6ra){color:var(--muted);font-weight:800}.boundary-facts:where(.astro-uexfq6ra) dd:where(.astro-uexfq6ra){margin:0}.demo-shell:where(.astro-uexfq6ra){border:1px solid var(--border);background:var(--panel);border-radius:6px;grid-template-columns:minmax(286px,322px) minmax(520px,1fr) minmax(340px,410px);grid-template-areas:"controls reader playground";align-items:stretch;display:grid;overflow:hidden}.controls:where(.astro-uexfq6ra),.playground:where(.astro-uexfq6ra){align-content:start;gap:0;padding:12px;display:grid}.controls:where(.astro-uexfq6ra){border-right:1px solid var(--border);background:var(--rail);grid-area:controls}.playground:where(.astro-uexfq6ra){border-left:1px solid var(--border);background:color-mix(in srgb, var(--panel), var(--rail) 18%);grid-area:playground}.reader-panel:where(.astro-uexfq6ra){background:var(--panel);grid-area:reader;min-width:0;overflow:hidden}iframe:where(.astro-uexfq6ra){background:var(--panel);border:0;width:100%;height:min(830px,100vh - 164px);min-height:720px;display:block}.group:where(.astro-uexfq6ra),.field:where(.astro-uexfq6ra){gap:8px;display:grid}.controls:where(.astro-uexfq6ra)>div:where(.astro-uexfq6ra),.playground:where(.astro-uexfq6ra)>div:where(.astro-uexfq6ra),.group:where(.astro-uexfq6ra),.field:where(.astro-uexfq6ra),.inspector:where(.astro-uexfq6ra){border-top:1px solid color-mix(in srgb, var(--border), transparent 30%);padding-block:11px}.controls:where(.astro-uexfq6ra)>div:where(.astro-uexfq6ra):first-child,.playground:where(.astro-uexfq6ra)>div:where(.astro-uexfq6ra):first-child{border-top:0;padding-top:0}.field:where(.astro-uexfq6ra) label:where(.astro-uexfq6ra),.small-title:where(.astro-uexfq6ra){color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.segmented:where(.astro-uexfq6ra),.button-grid:where(.astro-uexfq6ra),.color-grid:where(.astro-uexfq6ra),.split-actions:where(.astro-uexfq6ra){gap:7px;display:grid}.segmented:where(.astro-uexfq6ra),.split-actions:where(.astro-uexfq6ra){grid-template-columns:1fr 1fr}.color-grid:where(.astro-uexfq6ra){grid-template-columns:repeat(5,minmax(0,1fr))}.button-grid:where(.astro-uexfq6ra){grid-template-columns:1fr}.status:where(.astro-uexfq6ra){color:var(--muted);margin:0;font-size:.84rem}.status:where(.astro-uexfq6ra) strong:where(.astro-uexfq6ra){color:var(--text)}button:where(.astro-uexfq6ra):disabled{cursor:not-allowed;opacity:.52}.highlight-actions:where(.astro-uexfq6ra){border-top:1px solid var(--border);padding-top:10px}.record-list:where(.astro-uexfq6ra),.event-list:where(.astro-uexfq6ra){gap:7px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.record-list:where(.astro-uexfq6ra) li,.event-list:where(.astro-uexfq6ra) li{border:1px solid var(--border);background:var(--panel);border-radius:4px;padding:7px 8px}.record-list:where(.astro-uexfq6ra) strong,.event-list:where(.astro-uexfq6ra) strong{color:var(--accent-strong);display:block}.meta-grid:where(.astro-uexfq6ra){grid-template-columns:max-content 1fr;gap:5px 10px;margin:0;padding:0;font-size:.84rem;display:grid}.meta-grid:where(.astro-uexfq6ra) dt:where(.astro-uexfq6ra){color:var(--muted);font-weight:800}.meta-grid:where(.astro-uexfq6ra) dd:where(.astro-uexfq6ra){margin:0}.error:where(.astro-uexfq6ra){color:var(--danger)}.inspector:where(.astro-uexfq6ra){gap:10px;display:grid}@media (width<=1260px){.page-intro:where(.astro-uexfq6ra),.boundary-strip:where(.astro-uexfq6ra),.demo-shell:where(.astro-uexfq6ra){grid-template-columns:1fr;grid-template-areas:"reader""controls""playground"}.boundary-strip:where(.astro-uexfq6ra){border-left:0;padding-left:0}.controls:where(.astro-uexfq6ra),.playground:where(.astro-uexfq6ra){border-inline:0}.reader-panel:where(.astro-uexfq6ra),.playground:where(.astro-uexfq6ra){border-top:1px solid var(--border)}iframe:where(.astro-uexfq6ra){height:790px;min-height:790px}}@media (width<=680px){main:where(.astro-uexfq6ra){width:min(100% - 18px,1540px);padding-top:14px}h1:where(.astro-uexfq6ra){font-size:1.55rem}iframe:where(.astro-uexfq6ra){height:730px;min-height:730px}.segmented:where(.astro-uexfq6ra),.split-actions:where(.astro-uexfq6ra),.color-grid:where(.astro-uexfq6ra),.meta-grid:where(.astro-uexfq6ra){grid-template-columns:1fr}}