.mermaid-page{color:#172033}.mermaid-hero{align-items:flex-end;background:linear-gradient(135deg, #f1fff7 0%, #eef5ff 55%, #fff7e8 100%);border:1px solid #e5edf5;border-radius:18px;display:flex;justify-content:space-between;grid-gap:1rem;gap:1rem;margin-bottom:1rem;padding:1.25rem}.mermaid-eyebrow{color:#11945a;font-size:.78rem;font-weight:700;letter-spacing:.12em;margin-bottom:.25rem;text-transform:uppercase}.mermaid-hero h1{font-size:2rem;font-weight:800;margin:0 0 .35rem}.mermaid-desc{color:#526071;margin:0;max-width:42rem}.mermaid-toolbar{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;justify-content:flex-end}.mermaid-theme{min-width:8rem}.mermaid-workbench{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}.mermaid-panel{background:#fff;border:1px solid #e5e9ef;border-radius:16px;box-shadow:0 10px 28px rgba(23,32,51,.06);min-width:0;overflow:hidden}.mermaid-panel-head{align-items:center;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;grid-gap:.75rem;gap:.75rem;min-height:3.25rem;padding:.75rem 1rem}.mermaid-panel-head h2{font-size:1rem;font-weight:700;margin:0}.mermaid-examples{display:flex;flex-wrap:wrap;grid-gap:.35rem;gap:.35rem;justify-content:flex-end}.mermaid-editor{height:64vh;min-height:32rem}.mermaid-preview{align-items:center;background:radial-gradient(circle at 18px, at 18px, #e9eef5 1px, transparent 1px) 0 0/22px 22px,#fbfcfe;background:radial-gradient(circle at 18px 18px, #e9eef5 1px, transparent 1px) 0 0/22px 22px,#fbfcfe;display:flex;height:64vh;justify-content:center;min-height:32rem;overflow:auto;padding:1.5rem}.mermaid-preview svg{height:auto;max-width:100%}.mermaid-empty{border:1px dashed #b8c2cf;border-radius:14px;color:#7a8796;padding:1.25rem 1.5rem;text-align:center}.mermaid-error{border-color:#f0a7a7;color:#b42318}.mermaid-status{background:#eef2f7;border-radius:999px;color:#64748b;font-size:.78rem;padding:.2rem .65rem}.mermaid-status.is-pending{background:#fff7df;color:#9a6700}.mermaid-status.is-success{background:#e8f8ef;color:#157347}.mermaid-status.is-error{background:#fdecec;color:#b42318}.mermaid-doc h2{font-size:1.15rem;font-weight:700;margin-bottom:1rem}.mermaid-doc p,.mermaid-doc li{color:#526071;line-height:1.75}.mermaid-doc h3{color:#465467;font-size:.95rem;font-weight:700}.mermaid-guide-row h3,.mermaid-example-grid h3{margin-top:.25rem}.mermaid-steps,.mermaid-type-list,.mermaid-note-list{margin-bottom:0;padding-left:1.25rem}.mermaid-type-list code{background:#eef6ff;border-radius:4px;color:#0f5ea8;padding:.1rem .3rem}.mermaid-doc pre{background:#111827;border-radius:12px;color:#d1fae5;margin-bottom:1rem;padding:1rem;white-space:pre-wrap}@media(max-width: 991.98px){.mermaid-hero{align-items:stretch;flex-direction:column}.mermaid-toolbar{justify-content:flex-start}.mermaid-workbench{grid-template-columns:1fr}.mermaid-editor,.mermaid-preview{height:46vh;min-height:24rem}}@media(max-width: 575.98px){.mermaid-hero h1{font-size:1.55rem}.mermaid-toolbar .btn,.mermaid-theme{width:100%}.mermaid-panel-head{align-items:flex-start;flex-direction:column}.mermaid-examples{justify-content:flex-start}}