:root{--font-body:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-display:"Fraunces", ui-serif, Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg0:#fbf8f2;--bg1:#f3f7ff;--panel:#ffffffbf;--panel-solid:#fff;--text:#17141d;--muted:#17141da3;--border:#17141d1f;--shadow:#17141d1f 0 18px 40px -22px;--accent:#009f8a;--accent-2:#ff6a4b;--focus:#009f8a66;--radius:16px;--radius-sm:12px;--space:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg0:#0f1116;--bg1:#0b1320;--panel:#101218c7;--panel-solid:#101218;--text:#f4f2f7;--muted:#f4f2f7ad;--border:#f4f2f724;--shadow:#00000059 0 18px 40px -22px;--accent:#22c7ac;--accent-2:#ff856d;--focus:#22c7ac73}}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);color:var(--text);margin:0;font-size:16px;line-height:1.35}a{color:inherit;text-underline-offset:3px}::selection{background:#009f8a38}button,input,select,textarea{font-family:inherit}code,pre,.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:13px}.lead{color:var(--muted);font-size:18px;line-height:1.35}#root{min-height:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app{width:min(1220px,100%);margin:0 auto;padding:28px 18px 48px}.hero{grid-template-columns:1.1fr 1fr;align-items:start;gap:18px;margin-top:10px;animation:.6s ease-out both fadeUp;display:grid}@media (width<=980px){.hero{grid-template-columns:1fr}}.heroCopy{padding:6px 0}.heroCopy h1{font-family:var(--font-display);letter-spacing:-.02em;margin:14px 0 12px;font-size:52px;font-weight:700;line-height:1}@media (width<=980px){.heroCopy h1{font-size:44px}}.heroBtns{flex-wrap:wrap;gap:10px;margin:18px 0 10px;display:flex}.heroMeta{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.metaRow{justify-content:space-between;gap:14px;padding:6px 0;display:flex}.metaKey{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.metaVal{color:var(--muted);font-size:13px}@media (width<=980px){.heroCode{margin-top:10px}}.main{flex-direction:column;gap:38px;margin-top:36px;display:flex}.section{scroll-margin-top:16px}.sectionHeader{justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.sectionHeader h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:24px}.sectionHeader p{color:var(--muted);max-width:720px;margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px}.panelHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.panelHeader h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:18px}.panelHeaderRight{align-items:center;gap:10px;display:flex}.group{margin:12px 0}.group.tight{margin:0}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;display:block}.labelRow{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-solid);width:100%;color:var(--text);outline:none;padding:10px 12px}.input:focus{box-shadow:0 0 0 4px var(--focus);border-color:#009f8a59}.row{align-items:center;gap:10px;display:flex}.row3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}@media (width<=980px){.row3{grid-template-columns:1fr}}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{border-color:#009f8a59}.btn.mini{padding:8px 10px;font-size:13px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.pill{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.pill.mini{padding:4px 8px;font-size:12px}.pill.link{color:var(--text);text-decoration:none}.mono.tiny{font-size:12px}.mono.urlBox{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;padding:10px 12px;overflow-x:auto}.playground{grid-template-columns:1fr 1.15fr;gap:16px;display:grid}@media (width<=980px){.playground{grid-template-columns:1fr}}.fieldMulti{margin:14px 0}.chipRow{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.chip{border:1px solid var(--border);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 10px;display:inline-flex}.chipText{font-size:12px;font-family:var(--font-mono)}.chipBtns{gap:4px;display:inline-flex}.smallBtn{border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:6px 8px;font-size:12px}.smallBtn:hover{box-shadow:var(--shadow)}.smallBtn.danger{border-color:#ff6a4b59}.fieldList{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;max-height:220px;margin-top:10px;overflow:auto}.fieldItem{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #17141d14;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid}.fieldItem:last-child{border-bottom:none}.fieldItem:hover{background:#009f8a12}.fieldItem.active{background:#009f8a1f}.fieldDot{background:#17141d2e;border-radius:999px;width:10px;height:10px}.fieldItem.active .fieldDot{background:var(--accent)}.fieldName{font-family:var(--font-mono);font-size:12px}.fieldState{color:var(--muted);font-size:12px}.efList{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;flex-direction:column;gap:8px;padding:10px;display:flex}.efRow{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;display:grid}.efField{font-family:var(--font-mono);font-size:12px}.efAlias{padding:8px 10px}.extraGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=980px){.extraGrid{grid-template-columns:1fr}}.toggle{color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{accent-color:var(--accent)}.toggleCard{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.toggleCardTop{align-items:center;gap:10px;display:flex}.toggleCard input{accent-color:var(--accent)}.toggleCardLabel{font-size:13px}.customParams{flex-direction:column;gap:8px;margin-top:10px;display:flex}.customRow{grid-template-columns:1.2fr .9fr 1.2fr auto;align-items:center;gap:8px;display:grid}@media (width<=980px){.customRow{grid-template-columns:1fr}}.seg{border:1px solid var(--border);background:0 0;border-radius:999px;display:inline-flex;overflow:hidden}.segBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px}.segBtn.active{color:var(--text);background:#009f8a24}.codeBlock{border:1px solid var(--border);border-radius:var(--radius);background:0 0;margin:12px 0;overflow:hidden}.codeHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.codeTitle{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.codeActions{gap:8px;display:inline-flex}.codeBlock pre{margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.callout{border:1px solid var(--border);border-radius:var(--radius);background:0 0;padding:12px}.callout.danger{background:#ff6a4b14;border-color:#ff6a4b59}.calloutTitle{font-weight:600}.empty{border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);padding:22px 14px}.emptyTitle{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:16px}.stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:12px 0;display:grid}@media (width<=980px){.stats{grid-template-columns:1fr}}.stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;padding:10px 12px}.statKey{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.statVal{font-family:var(--font-mono);margin-top:6px;font-size:14px}.tableWrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{vertical-align:top;border-bottom:1px solid #17141d17;padding:10px}.table th{text-align:left;background:#ffffffb3;position:sticky;top:0}.log{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;flex-direction:column;gap:8px;max-height:180px;padding:10px 12px;display:flex;overflow:auto}.logRow{grid-template-columns:92px 1fr;align-items:start;gap:10px;display:grid}.catalog{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=980px){.catalog{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:14px;display:flex}.cardTop{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cardTitle{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.cardPills{flex-wrap:wrap;justify-content:end;gap:8px;display:inline-flex}.autoList{border:1px solid var(--border);border-radius:var(--radius);background:0 0;flex-direction:column;gap:10px;padding:10px;display:flex}.autoItem{border-bottom:1px solid #17141d17;padding-bottom:10px}.autoItem:last-child{border-bottom:none;padding-bottom:0}.autoMain{font-weight:600}.footer{border-top:1px solid var(--border);margin-top:44px;padding-top:16px}.footerInner{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}