@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5efe2;--bg-panel:#fffcf7e6;--line:#2636441f;--text:#163040;--muted:#4f6472;--accent:#0a8f7a;--accent-strong:#0d5f66;--accent-soft:#0a8f7a24;--warning:#bc5c2d;--shadow:0 8px 40px #1024311a;--radius:20px;font-family:Space Grotesk,sans-serif}.shell{width:min(1040px,100vw - 2rem);margin:0 auto;padding-bottom:4rem}.site-header{justify-content:space-between;align-items:center;padding:1.2rem 0;display:flex}.site-header__brand{align-items:baseline;gap:.75rem;display:flex}.site-header__links{align-items:center;gap:.75rem;display:flex}.gh-link{width:2.15rem;height:2.15rem;color:var(--muted);border-radius:.5rem;justify-content:center;align-items:center;transition:color .1s,background .1s,transform .1s;display:inline-flex}.gh-link:hover{color:var(--accent-strong);background:#0d5f6614;transform:translateY(-1px)}.brand{color:var(--text);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.muted-text{color:var(--muted);font-size:.9rem}.small-text{font-size:.88rem;line-height:1.5}.button,.pill,.chip,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:999px;transition:transform .1s,background .1s,border-color .1s}.button{font:inherit;background:var(--accent);color:#fff;padding:.65rem 1.2rem;font-size:.92rem;font-weight:600}.button--secondary{color:var(--text);border-color:var(--line);background:#ffffffd9}.button--ghost{color:var(--accent-strong);background:0 0;border-color:#0d5f6640;font-weight:600}.button:hover,.button--ghost:hover{transform:translateY(-1px)}.pill,.chip{font:inherit;color:var(--text);border-color:var(--line);background:#ffffffb3;padding:.5rem .9rem;font-size:.88rem}.pill--active,.chip{background:var(--accent-soft);color:var(--accent-strong);border-color:#0a8f7a4d;font-weight:600}.pill:hover,.chip:hover{transform:translateY(-1px)}.icon-button{width:2rem;height:2rem;color:var(--muted);background:#1630400f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.85rem;display:flex}.icon-button:hover{background:#1630401f}.search-section{max-width:640px;margin:0 auto;padding:1.5rem 0 0}.search-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.searchbox-wrap{position:relative}.searchbox input{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);width:100%;color:var(--text);font:inherit;box-shadow:var(--shadow);outline-offset:2px;padding:.9rem 1.1rem;font-size:1rem}.searchbox input:focus{outline:2px solid var(--accent)}.results{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow);z-index:10;width:100%;max-height:320px;margin:.35rem 0 0;padding:.4rem;list-style:none;position:absolute;overflow-y:auto}.result-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.92rem;display:flex}.result-item:hover{background:#0a8f7a12}.result-item--selected{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.result-item__name{flex:1}.result-item__group{color:var(--muted);font-size:.8rem}.panel{border:1px solid var(--line);background:var(--bg-panel);box-shadow:var(--shadow);border-radius:24px;padding:1.4rem}.output-panel{margin-top:1.8rem}.panel__header p{margin:.3rem 0 0}.preview{color:#dbeef0;white-space:pre-wrap;overflow-wrap:anywhere;background:#122532;border-radius:16px;min-height:360px;margin:1rem 0 0;padding:1rem;font-size:.85rem;line-height:1.55;overflow-x:auto}.api-modal{border:1px solid var(--line);background:var(--bg-panel);border-radius:24px;width:min(520px,100vw - 2rem);padding:0;box-shadow:0 24px 80px #10243133}.api-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10243166}.api-modal__inner{padding:1.5rem}.api-modal__header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.api-modal__header h2{margin:0;font-size:1.1rem}.api-card--note{background:#bc5c2d0d;border-color:#bc5c2d26}.api-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .45rem;font-size:.8rem}.api-card code,.api-card pre{color:var(--accent-strong);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.85rem;display:block;overflow-x:auto}.api-card p code{white-space:nowrap;display:inline}.api-card p.muted-text{margin:0}@media (width<=640px){.shell{width:calc(100vw - 1.5rem)}.search-section{padding-top:.75rem}.panel__header{flex-direction:column}.button-row{width:100%}.button-row .button{flex:1}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5efe2;--bg-panel:#fffcf7d6;--line:#26364424;--text:#163040;--muted:#4f6472;--accent:#0a8f7a;--accent-strong:#0d5f66;--accent-soft:#0a8f7a24;--warning:#bc5c2d;--shadow:0 24px 80px #1024311f;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#f291542e,#0000 32%),radial-gradient(circle at 100% 0,#0a8f7a2e,#0000 28%),linear-gradient(#f8f1e5 0%,#efe6d5 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#1630400a 1px,#0000 1px),linear-gradient(90deg,#1630400a 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 82%);mask-image:radial-gradient(circle,#000 25%,#0000 82%)}a{color:var(--accent-strong)}code,pre{font-family:IBM Plex Mono,monospace}#root{isolation:isolate}.shell{width:min(1180px,100vw - 2rem);margin:0 auto;padding:3rem 0 4rem}.hero,.panel{border:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.hero{padding:2rem}.hero:after,.panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#0a8f7a2e,#0000 72%);border-radius:999px;width:180px;height:180px;position:absolute;inset:auto auto -48px -32px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--warning);margin:0;font-size:.72rem}.hero h1{max-width:12ch;margin:.75rem 0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.92}.lede{max-width:62ch;color:var(--muted);margin:0;font-size:1.05rem}.hero__actions{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.pill,.chip,.button{cursor:pointer;border:1px solid #0000;border-radius:999px;transition:transform .12s,border-color .12s,background .12s}.pill,.chip{color:var(--text);background:#ffffffad;padding:.72rem 1rem}.pill:hover,.chip:hover,.button:hover{transform:translateY(-1px)}.panel{margin-top:1.4rem;padding:1.4rem}.panel--search{padding-bottom:1.2rem}.panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel__header h2{margin:0;font-size:1.25rem}.panel__header p{color:var(--muted);margin:.35rem 0 0}.searchbox{gap:.7rem;margin-top:1.2rem;display:grid}.searchbox span,.result-card__group,.api-card__label,.hint{color:var(--muted);font-size:.9rem}.searchbox input{width:100%;color:var(--text);font:inherit;background:#ffffffe0;border:1px solid #1630401a;border-radius:18px;padding:1rem 1.1rem}.selection{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.chip{background:var(--accent-soft);border-color:#0a8f7a2e}.results{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.2rem;display:grid}.result-card{border:1px solid var(--line);background:#ffffffa6;border-radius:22px;flex-direction:column;justify-content:space-between;gap:1rem;min-height:200px;padding:1rem;display:flex}.result-card h3,.result-card__meta,.result-card__summary{margin:.35rem 0 0}.result-card__meta{color:var(--accent-strong);font-size:.92rem}.result-card__summary{color:var(--muted);font-size:.94rem;line-height:1.45}.button{font:inherit;background:var(--accent);color:#fff;padding:.8rem 1rem;font-weight:700}.button--secondary{color:var(--text);background:#fffc;border-color:#1630401f}.layout-grid{grid-template-columns:1.4fr .9fr;gap:1.4rem;display:grid}.button-row{gap:.75rem;display:flex}.preview,.api-card pre,.api-card code{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.preview{color:#dbeef0;background:#122532;border-radius:22px;min-height:420px;margin:1rem 0 0;padding:1rem}.api-card{border:1px solid var(--line);background:#fff9;border-radius:20px;margin-top:1rem;padding:1rem}.api-card p,.api-card pre{margin:0}.api-card code,.api-card pre{color:var(--accent-strong);margin-top:.6rem;display:block}.error-banner{color:#7a3413;background:#bc5c2d14;border:1px solid #bc5c2d38;border-radius:16px;margin-top:1rem;padding:.9rem 1rem}@media (width<=900px){.layout-grid{grid-template-columns:1fr}.panel__header{flex-direction:column}}@media (width<=640px){.shell{width:min(100vw - 1rem,100%);padding:1rem 0 2rem}.hero,.panel{border-radius:22px}.hero{padding:1.3rem}.panel{padding:1rem}.button-row{width:100%}.button-row .button{flex:1}}