:root{--bg:#f7f7f8;--panel:#fff;--sunken:#f1f1f3;--line:#e4e4e7;--text:#18181b;--muted:#63636b;--faint:#a1a1aa;--canvas-light:#fff;--canvas-dark:#0d1117;--dots-light:#e4e4e7;--dots-dark:#1f2630;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e0e10;--panel:#161618;--sunken:#1f1f22;--line:#2a2a2e;--text:#ececef;--muted:#a0a0a8;--faint:#6b6b73}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-underline-offset:3px}code{font-family:var(--mono);font-size:.92em}.muted{color:var(--muted)}.page{max-width:1200px;margin:0 auto;padding:0 24px}.topbar{align-items:center;gap:12px;height:56px;display:flex}.wordmark{align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.wordmark-pill{border:1.5px solid;border-radius:999px;width:22px;height:12px;position:relative}.wordmark-pill:after{content:"";background:#2da44e;border-radius:50%;width:5px;height:5px;position:absolute;top:2px;left:2.5px}.tagline{color:var(--faint)}.topnav{color:var(--muted);gap:20px;margin-left:auto;display:flex}.topnav a{text-decoration:none}.topnav a:hover{color:var(--text)}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:360px 1fr;min-height:min(680px,100vh - 88px);display:grid;overflow:hidden}.workspace>*{min-width:0}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:20px;padding:16px;display:flex}.output{grid-template-rows:1fr auto;min-width:0;display:grid}.tabs{background:var(--sunken);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px}.tabs button.active{color:var(--text);background:var(--panel);font-weight:600;box-shadow:0 1px 2px #00000014}.tabs button:disabled{cursor:default;color:var(--faint)}.soon{text-transform:uppercase;letter-spacing:.04em;color:var(--faint);margin-left:6px;font-size:10px;font-weight:500}.panel{flex-direction:column;gap:16px;display:flex}.controls{flex-wrap:wrap;align-items:start;gap:14px 20px;display:flex}.field{align-content:start;gap:6px;min-width:0;display:grid}.field-label{color:var(--muted);font-size:12px;font-weight:500}.field-label a{font-weight:400}input,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:6px 10px}input::placeholder{color:var(--faint)}input:focus,select:focus,button:focus-visible{outline-offset:1px;outline:2px solid #2f81f7}.icon-input{gap:6px;display:flex}.segmented{background:var(--sunken);border-radius:8px;flex-wrap:wrap;justify-self:start;gap:2px;padding:2px;display:inline-flex}.states .segmented{grid-template-columns:repeat(3,1fr);justify-self:stretch;display:grid}.segmented button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 10px;font-size:13px}.segmented button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #00000014}.combobox{position:relative}.combobox input{width:100%;padding:8px 12px 8px 34px}.combobox-icon{fill:none;width:15px;height:15px;stroke:var(--faint);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.combobox-list{z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #0000001f}.combobox-list li{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;display:flex}.combobox-list li.active{background:var(--sunken)}.combobox-slug{font-family:var(--mono);color:var(--faint);font-size:12px}.combobox-empty{color:var(--muted);cursor:default}.popular,.presets{flex-wrap:wrap;gap:4px;display:flex}.popular button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:2px;line-height:0}.popular button.active{border-color:#2f81f7}.presets button{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-size:13px}.presets button.active{color:var(--text);border-color:var(--text)}.stage{grid-template-columns:1fr 1fr;min-height:320px;display:grid}.stage-half{background-size:16px 16px;place-items:center;padding:40px 16px;display:grid;position:relative}.stage-half img{max-width:100%}.stage-light{background-color:var(--canvas-light);background-image:radial-gradient(var(--dots-light) 1px, transparent 1px)}.stage-dark{background-color:var(--canvas-dark);background-image:radial-gradient(var(--dots-dark) 1px, transparent 1px)}.stage-label{color:#8b949e;font-size:11px;position:absolute;top:10px;left:12px}.snippet{border-top:1px solid var(--line);gap:8px;padding:14px 16px 16px;display:grid}.snippet>*{min-width:0}.snippet-tabs{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.snippet-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.snippet-tabs button.active{color:var(--text);font-weight:600}.snippet-hint{color:var(--faint);font-size:12px}.snippet-code{background:var(--sunken);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:4px 4px 4px 12px;display:flex}.snippet-code code{white-space:nowrap;scrollbar-width:thin;flex:1;min-width:0;padding:6px 0;font-size:12.5px;overflow-x:auto}.copy{font:inherit;color:var(--panel);background:var(--text);cursor:pointer;border:0;border-radius:6px;flex:none;padding:6px 14px;font-size:13px;font-weight:600}.comparison td img{display:block}.comparison td{vertical-align:middle}.comparison,.reference{max-width:760px;padding:64px 0 0}.comparison h2,.reference h2{margin:0 0 8px;font-size:18px}.route{margin-top:28px}.route-path{font-size:14px;font-weight:600}.route p{margin:6px 0 10px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 10px 7px 0}th{color:var(--muted);font-weight:500}.footer{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding:20px 0 40px;font-size:12px}.footer p{margin:0 0 4px}@media (width<=860px){.workspace{grid-template-columns:1fr;min-height:0}.sidebar{border-right:0;border-top:1px solid var(--line);order:2}.stage{min-height:200px}}@media (width<=560px){.page{padding:0 12px}.tagline{display:none}.stage{grid-template-columns:1fr}.stage-half{padding:28px 12px}}