.demo{width:100%;max-width:1040px;margin-inline:auto;position:relative}.demo .scaler{border:1px solid var(--rule);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px 2px #141e3c14,0 24px 60px -24px #141e3c59}.demo .frame{transform-origin:0 0;color:#1f2329;background:#f7f8fa;flex-direction:column;width:1040px;height:600px;font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.demo .ic{fill:none;stroke:#2b2f36;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.demo .ic.filled{fill:#2b2f36}.demo .ic.off{stroke:#b9bec7}.demo .topbar{background:#f7f8fa;flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.demo .tb-left,.demo .tb-right{align-items:center;gap:14px;display:flex}.demo .docname{font-size:16px;font-weight:500}.demo .zoom{align-items:center;gap:4px;font-size:12.5px;display:flex}.demo .tb-right .ic.filled circle:last-child,.demo .tb-right .ic.filled path{stroke:#f7f8fa}.demo .body{flex:1;min-height:0;display:flex}.demo .tools{border-right:1px solid #e6e8ec;flex:none;width:150px;padding:6px 12px;overflow:hidden}.demo .grp{border-bottom:1px solid #e6e8ec;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:12px 6px;display:flex}.demo .grp:nth-child(4),.demo .grp:nth-child(5),.demo .grp:nth-child(6){border-bottom:0}.demo .tools .m-text,.demo .tools .m-math,.demo .tools .m-table{display:none}.demo .tools[data-mode=text] .m-text,.demo .tools[data-mode=math] .m-math,.demo .tools[data-mode=table] .m-table{display:flex}.demo .tx{text-align:center;color:#2b2f36;width:20px;font-size:15px}.demo .tx.b{font-weight:700}.tx.i{font-family:Georgia,serif;font-style:italic}.tx.u{text-decoration:underline}.demo .tx.sm{font-size:13px}.demo .dot{border-radius:50%;width:18px;height:18px;display:inline-block}.demo .palette{flex-direction:column;align-items:center;gap:9px;width:100%;font-size:13px;display:flex}.demo .canvas{flex:1;padding:4px 0 0;position:relative;overflow:hidden}.demo .page{background:#fff;border:1px solid #e3e6ea;width:640px;position:absolute;top:4px;bottom:-2px;left:50%;overflow:hidden;transform:translate(-50%)}.demo .content{color:#1a1a1a;padding:46px 50px 40px;font-family:KaTeX_Main,Latin Modern Roman,Times New Roman,serif;font-size:16px;transition:transform .7s,opacity .5s}.demo .block{margin:0 0 10px;position:relative}.demo .block[hidden]{display:none}.demo .inner{min-height:30px;padding:6px 12px;position:relative}.demo .block.active .inner:before,.demo .block.active .inner:after{content:"";border:3px solid #1d4ed8;width:7px;position:absolute;top:-4px;bottom:-4px}.demo .block.active .inner:before{border-right:0;left:-8px}.demo .block.active .inner:after{border-left:0;right:-8px}.demo .block.active:before{content:"⠿";color:#9aa0a9;font-family:system-ui;font-size:14px;position:absolute;top:6px;left:-32px}.demo .block.active:after{content:"×";color:#9aa0a9;font-family:system-ui;font-size:15px;position:absolute;top:2px;right:-28px}.demo .ph{color:#9aa0a9}.demo .ph[hidden]{display:none}.demo .caret{vertical-align:-.15em;background:#1a1a1a;width:1.5px;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:none}.demo .block.active .caret,.demo .inputbar .caret{display:inline-block}.demo .block[data-b=formula] .caret,.demo .block[data-b=table] .caret{display:none}@keyframes blink{50%{opacity:0}}.demo .fx{text-align:center;justify-content:center;align-items:center;min-height:44px;display:flex}.demo .fx .katex-display{margin:0}.demo .inputbar{color:#1f2329;background:#fff;border:1px solid #dfe2e7;border-radius:22px;width:600px;padding:10px 18px;font-family:Roboto,system-ui,sans-serif;font-size:14px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000000f}.demo .inputbar[hidden]{display:none}.demo .vt{border:1px solid #333;grid-template-columns:60px 420px;width:480px;margin:4px auto;display:grid}.demo .lab{border-right:1px solid #333;justify-content:center;align-items:center;display:flex}.demo .row{position:relative}.demo .r1,.demo .r2{height:40px}.r3{height:72px}.demo .lab.r1,.demo .row.r1,.demo .lab.r2,.demo .row.r2{border-bottom:1px solid #333}.demo .cell{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;min-width:28px;height:26px;padding:0 8px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.demo .lab .cell{position:static;transform:none}.demo .cell.top{top:18px}.cell.bottom{top:54px}.demo .editing .cell,.demo .editing .lab .cell{background:#f1f3f6}.demo .cell.cur{border-color:#5b7ee8;background:#e8efff!important}.demo .vt:not(.editing) .cell.e{display:none}.demo .dash{z-index:-1;border-left:1px dashed #555;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.demo .arrows{width:420px;height:72px;position:absolute;inset:0}.demo .arrows path[data-a]{fill:none;stroke:#333;stroke-width:1px;stroke-dasharray:120;stroke-dashoffset:120px;transition:stroke-dashoffset .45s}.demo .arrows path[data-a].on{stroke-dashoffset:0}.demo .graph{width:340px;height:280px;margin:6px auto 0;font-family:KaTeX_Main,Times New Roman,serif;display:block}.demo .graph .grid line{stroke:#e3e5e9;stroke-width:1px}.demo .graph .axes line{stroke:#222;stroke-width:1.2px}.demo .graph .labels text{fill:#333;font-size:11px}.demo .curve{fill:none;stroke:#c62828;stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s ease-in-out}.demo .curve.on{stroke-dashoffset:0}.demo .toggle{z-index:2;font:inherit;color:#3b4150;cursor:pointer;background:#ffffffe6;border:1px solid #dfe2e7;border-radius:99px;padding:.25rem .75rem;font-size:.82rem;font-weight:600;position:absolute;bottom:10px;right:10px}.demo .toggle[hidden]{display:none}.hero[data-astro-cid-m3zpgalb]{padding-block:clamp(3rem,7vw,5.5rem)}.hero-text[data-astro-cid-m3zpgalb]{grid-template-columns:1fr;align-items:end;gap:0 4rem;display:grid}@media (width>=900px){.hero-text[data-astro-cid-m3zpgalb]{grid-template-columns:1.1fr 1fr}.hero-text[data-astro-cid-m3zpgalb] h1[data-astro-cid-m3zpgalb]{grid-row:span 3;align-self:start}.hero-text[data-astro-cid-m3zpgalb] .lead[data-astro-cid-m3zpgalb]{margin-top:0}}.hero-demo[data-astro-cid-m3zpgalb]{margin-top:clamp(2.5rem,5vw,3.5rem)}.create-grid[data-astro-cid-m3zpgalb]{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=900px){.create-grid[data-astro-cid-m3zpgalb]{grid-template-columns:1fr 1fr;gap:4rem}}h1[data-astro-cid-m3zpgalb]{letter-spacing:-.025em;max-width:14ch;margin-bottom:1.4rem;font-size:clamp(2.3rem,5.4vw,3.6rem);font-weight:700;line-height:1.05}.lead[data-astro-cid-m3zpgalb]{color:var(--muted);max-width:46ch;margin:1.4rem 0 2rem;font-size:clamp(1.1rem,1.8vw,1.28rem)}.ctas[data-astro-cid-m3zpgalb]{flex-wrap:wrap;gap:.75rem;display:flex}.note[data-astro-cid-m3zpgalb]{color:var(--muted);margin:1rem 0 0;font-size:.95rem}.hero-visual[data-astro-cid-m3zpgalb]{padding:clamp(1rem,3vw,2.5rem) clamp(.5rem,3vw,2.5rem);position:relative}.hero-visual[data-astro-cid-m3zpgalb]:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:50%;background-size:18px 18px;border-radius:14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 45%,#0000 78%);mask-image:radial-gradient(#000 45%,#0000 78%)}.create[data-astro-cid-m3zpgalb]{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2rem 2.5rem;margin-top:2.5rem;display:grid}.create[data-astro-cid-m3zpgalb] p[data-astro-cid-m3zpgalb],.steps[data-astro-cid-m3zpgalb] p[data-astro-cid-m3zpgalb]{color:var(--muted);margin:.45rem 0 0;font-size:1.02rem}.steps[data-astro-cid-m3zpgalb]{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem 2.5rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.steps[data-astro-cid-m3zpgalb] li[data-astro-cid-m3zpgalb]{counter-increment:step}.steps[data-astro-cid-m3zpgalb] li[data-astro-cid-m3zpgalb]:before{content:counter(step);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:2rem;height:2rem;margin-bottom:.9rem;font-size:.95rem;font-weight:650;display:grid}.switch[data-astro-cid-m3zpgalb]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem 3rem;margin-top:2.5rem;display:grid}.switch[data-astro-cid-m3zpgalb] ul[data-astro-cid-m3zpgalb]{margin:.9rem 0 0;padding-left:1.15rem}.switch[data-astro-cid-m3zpgalb] li[data-astro-cid-m3zpgalb]{color:var(--muted);margin-bottom:.45rem}.switch[data-astro-cid-m3zpgalb] li[data-astro-cid-m3zpgalb]::marker{color:var(--blue)}.final[data-astro-cid-m3zpgalb]{text-align:center}.final[data-astro-cid-m3zpgalb] h2[data-astro-cid-m3zpgalb]{margin-bottom:1.6rem}