.demo-page{padding-top:1.5rem}.demo-page .crumbs{color:var(--text-3);margin-bottom:2.2rem;font-size:.9rem}.demo-page .crumbs a{color:var(--text-3);text-decoration:none}.demo-page .intro{max-width:60rem}.demo-page .demo-widget{margin-top:2rem}.demo-page .intro .lede{color:var(--text-2);max-width:58ch;margin:1rem 0 0;font-size:1.1rem}.demo .tiles{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:.7rem;display:grid}.demo .tile{background:var(--bg);border-radius:16px;flex-direction:column;gap:.25rem;padding:.95rem 1.1rem;display:flex}.demo .tv{font:400 1.65rem/1.1 var(--serif);letter-spacing:-.01em}.demo .tl{color:var(--text-3);font-size:.8rem}.demo .gate{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-bottom:1rem;display:flex}.demo .gate .widget{min-height:65px}.demo .gate .msg{color:var(--text-2);margin:0;font-size:.88rem}.demo fieldset{border:0;min-width:0;margin:0;padding:0}.demo fieldset:disabled{opacity:.55}.demo .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo [hidden]{display:none!important}.demo .ask{background:var(--surface);border-radius:26px;padding:clamp(1rem,3vw,1.6rem)}.demo form{gap:.6rem;display:flex}.demo input[type=text]{min-width:0;font:400 1.05rem/1.3 var(--sans);border:1.5px solid color-mix(in srgb, var(--glaucous) 55%, transparent);background:var(--bg);color:var(--text);border-radius:999px;flex:1;padding:.95rem 1.2rem}.demo input[type=text]::placeholder{color:var(--text-3)}.demo input[type=text]:focus{border-color:var(--accent-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--glaucous) 28%, transparent);outline:none}.demo form .btn{white-space:nowrap;border:0}.demo form .btn:disabled{opacity:.55;cursor:progress}.demo .chips{flex-wrap:wrap;gap:.45rem;margin-top:.9rem;display:flex}.demo .chip{font:500 .86rem/1.2 var(--sans);cursor:pointer;background:color-mix(in srgb, var(--glaucous) 24%, transparent);color:var(--text);text-align:left;border:0;border-radius:999px;padding:.5rem .95rem;transition:background .15s}.demo .chip:hover{background:color-mix(in srgb, var(--glaucous) 44%, transparent)}.demo .chip:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.demo .quota{color:var(--text-3);margin:.9rem 0 0;font-size:.82rem}.demo [data-results]{grid-template-columns:minmax(0,1fr);gap:1.1rem;margin-top:1.6rem;display:grid}.demo .answer,.demo .body,.demo .blk,.demo .how,.demo .q{min-width:0}.demo .answer{background:var(--surface);border-radius:26px;padding:clamp(1.1rem,3vw,1.8rem);animation:.28s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.demo .answer>header{margin-bottom:.9rem}.demo .answer h2{font:400 1.3rem/1.3 var(--serif);margin:0}.demo .lead{max-width:66ch;margin:0 0 1.2rem;font-size:1.08rem;line-height:1.55}.demo .blk{margin-top:1.2rem}.demo .blk h3{font:600 .95rem/1.3 var(--sans);color:var(--text-2);margin:0 0 .7rem}.demo .body>.blk:first-child{margin-top:0}.demo .failed{box-shadow:inset 0 0 0 1.5px #c19071b3}.demo .err{color:var(--text-2);margin:0}.demo .tablewrap{background:var(--bg);border-radius:14px;max-height:26rem;overflow:auto}.demo table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem}.demo th{background:color-mix(in srgb, var(--glaucous) 22%, var(--bg));text-align:left;color:var(--text-2);white-space:nowrap;z-index:1;padding:.6rem .9rem;font-size:.78rem;font-weight:600;position:sticky;top:0}.demo td{border-top:1px solid var(--rule);vertical-align:top;max-width:34rem;padding:.55rem .9rem}.demo tbody tr:hover td{background:color-mix(in srgb, var(--glaucous) 10%, transparent)}.demo .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.demo .time{font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap}.demo td.mono code{text-overflow:ellipsis;white-space:nowrap;max-width:30rem;display:block;overflow:hidden}.demo code{font:400 .84em var(--mono)}.demo .lead code{background:color-mix(in srgb, var(--glaucous) 24%, transparent);overflow-wrap:anywhere;border-radius:6px;padding:.1em .4em}.demo .foot{color:var(--text-3);margin:.6rem 0 0;font-size:.82rem}.demo .pill{font:500 .74rem/1 var(--sans);background:color-mix(in srgb, var(--glaucous) 26%, transparent);white-space:nowrap;border-radius:999px;padding:.28rem .6rem;display:inline-block}.demo .pill.ev-exec{background:#4f8c7b59}.demo .pill.ev-file_write{background:#7fa89b59}.demo .pill.ev-file_delete{background:#c1907166}.demo .pill.tool{font-family:var(--mono);background:var(--palmetto);color:var(--bone)}.demo .bars{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.demo .bars li{grid-template-columns:minmax(8rem,15rem) 1fr auto;align-items:center;gap:.8rem;font-size:.88rem;display:grid}.demo .bl{overflow:hidden}.demo .bl code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.demo .bt{background:color-mix(in srgb, var(--glaucous) 20%, transparent);border-radius:999px;height:.85rem;overflow:hidden}.demo .bf{background:linear-gradient(90deg, #4f8c7b, var(--glaucous));border-radius:999px;height:100%;display:block}.demo .bv{font-variant-numeric:tabular-nums;text-align:right;min-width:4.5rem;font-weight:600}.demo .chart svg{width:100%;height:auto;display:block}.demo .chart .grid{stroke:var(--rule);stroke-width:1px}.demo .chart .ax{fill:var(--text-3);font:500 10px var(--sans)}.demo .s0,.demo .sw.s0{fill:#4f8c7b;background:#4f8c7b}.demo .s1,.demo .sw.s1{fill:#7fa89b;background:#7fa89b}.demo .s2,.demo .sw.s2{fill:#c19071;background:#c19071}.demo .legend{color:var(--text-2);flex-wrap:wrap;gap:1.1rem;margin:.6rem 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.demo .legend li{align-items:center;gap:.4rem;display:inline-flex}.demo .sw{border-radius:3px;width:.7rem;height:.7rem;display:inline-block}.demo .how{border-top:1px solid var(--rule);margin-top:1.4rem;padding-top:.9rem}.demo .how summary{cursor:pointer;color:var(--text-2);font-size:.86rem;font-weight:500}.demo .q{margin-top:.9rem}.demo .q pre{margin-top:.5rem}.demo .qh{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.demo .qm{color:var(--text-3);font-size:.8rem}.demo .qa{color:var(--text-3);overflow-wrap:anywhere;margin:.5rem 0 .3rem;display:block}.demo pre{background:var(--ink);color:#d3d8d1;border-radius:14px;margin:0;padding:.9rem 1.1rem;font-size:.8rem;line-height:1.55;overflow:auto}.demo pre code{font-size:inherit;white-space:pre-wrap}.demo .status{color:var(--text-2);gap:.9rem;font-size:.95rem;display:grid}.demo .dots{vertical-align:middle;gap:.3rem;margin-right:.6rem;display:inline-flex}.demo .dots i{background:var(--accent-text);border-radius:50%;width:.5rem;height:.5rem;animation:1.1s ease-in-out infinite blink}.demo .dots i:nth-child(2){animation-delay:.18s}.demo .dots i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.demo .skeleton{gap:.5rem;display:grid}.demo .skeleton b{background:linear-gradient(90deg, color-mix(in srgb, var(--glaucous) 14%, transparent), color-mix(in srgb, var(--glaucous) 30%, transparent), color-mix(in srgb, var(--glaucous) 14%, transparent));background-size:200% 100%;border-radius:999px;height:.9rem;animation:1.4s linear infinite shimmer;display:block}.demo .skeleton b:nth-child(2){width:82%}.demo .skeleton b:nth-child(3){width:58%}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.demo .answer,.demo .dots i,.demo .skeleton b{animation:none}}@media (width<=760px){.demo form{flex-direction:column}.demo .bars li{grid-template-columns:1fr auto}.demo .bars .bt{order:3;grid-column:1/-1}}