*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ed;color:#1c1a17;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}a{color:#0e7c6b;text-decoration:none}a:hover{color:#0a5c50}::selection{background:#cbe7df;color:#122a25}textarea{font-family:JetBrains Mono,monospace}@keyframes okfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.site-demo-canvas.mw-canvas{--mw-accent: #0e7c6b;position:absolute;top:0;right:0;bottom:0;left:0}.demo-cm{flex:1;min-height:0;overflow:hidden;display:flex}.demo-cm .cm-editor{flex:1;height:100%;background:transparent;font-family:JetBrains Mono,monospace;font-size:13px;outline:none}.demo-cm .cm-editor.cm-focused{outline:none}.demo-cm .cm-scroller{overflow:auto;line-height:1.7;font-family:inherit;padding:8px 0}.demo-cm .cm-content{caret-color:#0e7c6b;color:#1c1a17}.demo-cm .cm-gutters{background:transparent;border-right:none;color:#b8b2a4;font-size:11px;padding-left:6px}.demo-cm .cm-activeLine{background:#0e7c6b0d}.demo-cm .cm-activeLineGutter{background:transparent;color:#0e7c6b}.demo-cm .cm-selectionBackground,.demo-cm .cm-editor ::selection{background:#cbe7df}.demo-cm .tok-heading{color:#0e7c6b;font-weight:600;text-decoration:none}.demo-cm .tok-keyword{color:#0a5c50}.demo-cm .tok-operator{color:#b58614}.demo-cm .tok-string{color:#a07c1e}.demo-cm .tok-comment{color:#a39d90;font-style:italic}.demo-cm .tok-number{color:#6b6559}.demo-cm .tok-bracket{color:#8a857a}.demo-cm .tok-meta{color:#8a9b96}.demo-pane-dark .demo-cm .cm-content{caret-color:#7fb3a8;color:#ede7da}.demo-pane-dark .demo-cm .cm-gutters{color:#7a7365}.demo-pane-dark .demo-cm .cm-activeLine{background:#7fb3a812}.demo-pane-dark .demo-cm .cm-selectionBackground,.demo-pane-dark .demo-cm .cm-editor ::selection{background:#2e4a44}.demo-pane-dark .demo-cm .tok-heading{color:#7fb3a8}.demo-pane-dark .demo-cm .tok-keyword{color:#9dbf8f}.demo-pane-dark .demo-cm .tok-operator{color:#c9a227}.demo-pane-dark .demo-cm .tok-string{color:#d9b95c}.demo-pane-dark .demo-cm .tok-comment{color:#8c8578}.demo-pane-dark .demo-cm .tok-number{color:#c9c2b4}.demo-pane-dark .demo-cm .tok-bracket{color:#9c968a}@media(max-width:640px){.site-nav,.site-star-hint{display:none!important}.site-header-row{padding:12px 16px!important;gap:10px!important}}.pg-hint-short{display:none}@media(max-width:720px){#demo{padding-left:12px!important;padding-right:12px!important}.pg-toolbar{flex-direction:column;align-items:stretch!important;flex-wrap:nowrap!important;gap:8px!important}.pg-presets,.pg-controls{flex-wrap:nowrap!important;overflow-x:auto;margin-left:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pg-presets::-webkit-scrollbar,.pg-controls::-webkit-scrollbar{display:none}.pg-presets button,.pg-controls button,.pg-controls span{flex:none;white-space:nowrap}.pg-controls{gap:8px!important}.pg-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:190px minmax(0,1fr)}.pg-grid:not(.pg-grid-full){height:min(620px,80dvh)!important}.pg-code-pane{border-right:none!important;border-bottom:1px solid var(--pg-border, #e6e0d4)}.pg-hint-long{display:none}.pg-hint-short{display:inline}.pg-expand-btn,.pg-share-btn{order:-1}}.code-card-scroll{scrollbar-width:thin;scrollbar-color:#2E2A22 transparent}.code-card-scroll::-webkit-scrollbar{width:6px;height:6px}.code-card-scroll::-webkit-scrollbar-track{background:transparent}.code-card-scroll::-webkit-scrollbar-thumb{background:#2e2a22;border-radius:99px}.code-card-scroll::-webkit-scrollbar-thumb:hover{background:#3a362d}.code-card-scroll::-webkit-scrollbar-corner{background:transparent}