:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--border: #e4e8ef;--muted: #788397;--ink: #172033;--accent: #5546e8}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;background:#fff;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:16px;letter-spacing:-.35px}.brand-logo{display:block;width:140px;height:51px;object-fit:contain}.topbar-actions{display:flex;align-items:center;gap:10px}.render-status span{width:7px;height:7px;border-radius:50%;background:#34b881}.button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#39445a;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.button:hover{background:#f7f8fc;border-color:#cbd2df}.button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button-primary:hover{background:#4738d5;border-color:#4738d5}.workspace{width:min(1540px,91%);margin:35px auto 24px}.workspace-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.eyebrow{margin:0 0 6px;color:#8b93a5;font-size:10px;font-weight:700;letter-spacing:1.3px}h1{margin:0;font-size:23px;letter-spacing:-.7px;font-weight:700}.heading-hint{margin:0 2px 3px 0;color:#838c9e;font-size:12px}.panels{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-rows:minmax(0,1fr);height:min(750px,calc(100vh - 220px));min-height:420px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 8px 26px #222d460a;overflow:hidden}.panel{min-width:0;min-height:0;display:flex;flex-direction:column}.editor-panel{border-right:1px solid var(--border)}.panel-toolbar{flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--border)}.panel-title{display:flex;align-items:center;gap:9px;color:#344057;font-size:12px;font-weight:600}.file-icon{width:17px;height:19px;display:grid;place-items:center;border-radius:3px;background:#edf0ff;color:#6254dc;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.edited-indicator{color:#9a6b1b;font-size:10px;font-weight:500}.edited-indicator[hidden]{display:none}.toolbar-actions{display:flex;gap:4px}.icon-button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#788397}.icon-button:hover{background:#f1f3f8;color:#354057}.icon-button svg,.preview-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.preview-icon{color:#727d91}.preview-toolbar-actions{display:flex;align-items:center;gap:9px}.preview-mode-button{height:30px;padding:0 9px;font-size:11px}.preview-mode-button svg{width:14px;height:14px}.editor-wrap{position:relative;flex:1;min-height:0}#markdown-input{width:100%;height:100%;resize:none;border:0;outline:0;padding:21px 22px;color:#384258;background:#fff;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.85;-moz-tab-size:2;tab-size:2}#markdown-input::selection{background:#e5e3ff}.drop-overlay{position:absolute;top:9px;right:9px;bottom:9px;left:9px;display:none;align-items:center;justify-content:center;border:2px dashed #8175ef;border-radius:8px;background:#f6f5fff0;color:#5143d7;font-size:14px;font-weight:600;pointer-events:none}.drop-overlay.visible{display:flex}.panel-footer{height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid var(--border);color:#9199a8;font-size:10px}kbd{padding:2px 5px;border:1px solid #e7e9ef;border-radius:3px;background:#f7f8fa;color:#6f788a;font:inherit}.preview-scroll{flex:1;min-height:0;overflow:auto}.markdown-body{max-width:900px;margin:0 auto;padding:26px 34px 42px;color:#1f2328;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;overflow-wrap:break-word}.markdown-body>:first-child{margin-top:0!important}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:#1f2328;font-weight:600;line-height:1.25}.markdown-body h1{margin:0 0 16px;padding-bottom:.3em;border-bottom:1px solid #d1d9e0;font-size:2em;letter-spacing:-.4px}.markdown-body h2{margin:24px 0 16px;padding-bottom:.3em;border-bottom:1px solid #d1d9e0;font-size:1.5em;letter-spacing:-.25px}.markdown-body h3{margin:24px 0 16px;font-size:1.25em}.markdown-body h4{margin:24px 0 16px;font-size:1em}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body a{color:#0969da;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body blockquote{padding:0 1em;border-left:.25em solid #d1d9e0;color:#59636e}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body li+li{margin-top:.25em}.markdown-body li>p{margin-bottom:8px}.markdown-body img{max-width:100%;box-sizing:content-box;border-radius:4px}.markdown-body code,.markdown-body tt{padding:.2em .4em;border-radius:6px;background:#afb8c133;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:85%}.markdown-body pre{overflow:auto;padding:16px;border-radius:6px;background:#f6f8fa;font-size:12px;line-height:1.55}.markdown-body pre code{padding:0;background:transparent;font-size:100%}.markdown-body table{display:block;width:max-content;max-width:100%;overflow:auto;border-spacing:0;border-collapse:collapse}.markdown-body th,.markdown-body td{padding:6px 13px;border:1px solid #d1d9e0}.markdown-body th{font-weight:600}.markdown-body tr:nth-child(2n){background:#f6f8fa}.markdown-body hr{height:.25em;margin:24px 0;padding:0;border:0;background:#d1d9e0}.markdown-body input[type=checkbox]{margin:0 .45em .2em -1.35em;vertical-align:middle;accent-color:#1f883d}.markdown-body .task-list-item{list-style:none}.markdown-body .task-list-item-checkbox{pointer-events:none}.markdown-body .markdown-toc{margin:0 0 16px;padding:14px 18px;border:1px solid #d8dee8;border-radius:6px;background:#f8f9fb}.markdown-body .markdown-toc ul{margin:0;padding-left:20px}.markdown-body .markdown-toc li+li{margin-top:4px}.markdown-body .markdown-toc-level-3{margin-left:16px}.markdown-body .markdown-toc-level-4,.markdown-body .markdown-toc-level-5,.markdown-body .markdown-toc-level-6{margin-left:32px}.markdown-body .markdown-alert{margin:0 0 16px;padding:8px 16px;border-left:.25em solid #d1d9e0;color:inherit}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert-title{margin:0 0 8px;font-weight:600}.markdown-body .markdown-alert-note{border-color:#0969da}.markdown-body .markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert-tip{border-color:#1a7f37}.markdown-body .markdown-alert-tip .markdown-alert-title{color:#1a7f37}.markdown-body .markdown-alert-important{border-color:#8250df}.markdown-body .markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert-warning{border-color:#9a6700}.markdown-body .markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert-caution{border-color:#cf222e}.markdown-body .markdown-alert-caution .markdown-alert-title{color:#cf222e}.markdown-body details{margin-bottom:16px;padding:10px 14px;border:1px solid #d1d9e0;border-radius:6px}.markdown-body summary{color:#39445a;cursor:pointer;font-weight:600}.markdown-body details[open]>summary{margin-bottom:12px}.markdown-body details>:last-child{margin-bottom:0}.markdown-body .footnotes-sep{margin:24px 0 12px}.markdown-body .footnotes{color:#59636e;font-size:12px}.markdown-body .footnotes-list{padding-left:22px}.markdown-body .footnote-ref,.markdown-body .footnote-backref{font-size:.85em}.markdown-body .mermaid-diagram{display:flex;justify-content:center;margin:0 0 16px;padding:16px;overflow-x:auto;border:1px solid #e8ebf1;border-radius:6px;background:#fff}.markdown-body .mermaid-diagram svg{max-width:100%;height:auto}.markdown-body .mermaid-diagram-error{justify-content:flex-start;border-color:#f0c4c7;background:#fff8f8;color:#a8212b;font-size:12px}.markdown-body .katex-display{margin:16px 0;overflow-x:auto;overflow-y:hidden;padding:4px 0}.markdown-body .katex{font-size:1.05em}.hljs{color:#1f2328}.hljs-comment,.hljs-quote{color:#59636e;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#cf222e}.hljs-string,.hljs-doctag,.hljs-regexp{color:#0a3069}.hljs-title,.hljs-section,.hljs-name{color:#8250df}.hljs-number,.hljs-attr,.hljs-attribute{color:#0550ae}.render-status{display:inline-flex;align-items:center;gap:6px;color:#5c8b73}.render-status span{width:6px;height:6px}.drop-hint{margin:12px 0 0;text-align:center;color:#9299a8;font-size:11px}.drop-hint code{padding:2px 4px;border-radius:3px;background:#ebeef4;color:#6d7482;font-family:JetBrains Mono,monospace;font-size:10px}.site-footer{width:min(1540px,91%);display:flex;justify-content:center;align-items:center;gap:9px;margin:0 auto 18px;color:#9299a8;font-size:11px}.site-footer a{color:#707b8e;text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.toast{position:fixed;z-index:3;right:24px;bottom:22px;transform:translateY(8px);padding:11px 16px;border-radius:7px;background:#20283a;box-shadow:0 5px 18px #141e372e;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.visible{transform:translateY(0);opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.license-page{display:flex;flex-direction:column}.license-main{width:min(940px,91%);flex:1;margin:44px auto 28px}.license-heading{margin-bottom:20px}.license-heading h1{margin:0 0 7px;font-size:30px;letter-spacing:-.8px}.license-heading>p:last-child{margin:0;color:#788397;font-size:14px}.license-card{padding:clamp(24px,5vw,52px);border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 8px 26px #222d460a}.license-content{color:#39445a;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.license-content h2{margin:0 0 18px;color:var(--ink);font-size:19px;line-height:1.4}.license-content h3{margin:30px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--ink);font-size:16px;line-height:1.5}.license-content p{margin:0 0 16px;white-space:pre-line}.license-content p:last-child{margin-bottom:0}.license-source{margin:16px 0 0;text-align:center;font-size:12px}.license-source a{color:var(--accent);text-decoration:none}.license-source a:hover{text-decoration:underline}.license-page .site-footer{margin-top:0}.guide-page{display:flex;flex-direction:column}.guide-main{width:min(1120px,91%);flex:1;margin:40px auto 30px}.guide-heading{margin-bottom:20px}.guide-heading h1{margin:0 0 8px;font-size:30px;letter-spacing:-.8px}.guide-heading>p:last-child{margin:0;color:#788397;font-size:14px}.guide-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.guide-toc a{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#536078;font-size:11px;text-decoration:none}.guide-toc a:hover{border-color:#c9c4fa;color:var(--accent)}.guide-sections{display:grid;gap:14px}.guide-card{min-width:0;padding:20px;border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:0 5px 18px #222d4608;scroll-margin-top:16px}.guide-card-heading{margin-bottom:14px}.guide-card-heading h2{margin:0 0 4px;color:var(--ink);font-size:16px}.guide-card-heading p{margin:0;color:#788397;font-size:12px;line-height:1.6}.guide-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.guide-column{min-width:0;overflow:hidden;border:1px solid #e8ebf1;border-radius:7px;background:#fff}.guide-column>h3{margin:0;padding:8px 11px;border-bottom:1px solid #e8ebf1;background:#f8f9fb;color:#778196;font-size:10px;font-weight:600;letter-spacing:.45px;text-transform:uppercase}.guide-column>pre{min-height:80px;margin:0;padding:13px;overflow-x:auto;background:#fbfcfe;color:#39445a;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.guide-column>pre code{font:inherit}.guide-column .guide-render{min-height:80px;max-width:none;margin:0;padding:13px;font-size:13px}.guide-render>:last-child{margin-bottom:0}.guide-render h1,.guide-render h2,.guide-render h3{margin-top:0}.guide-render h1{font-size:1.7em}.guide-render h2{font-size:1.45em}.guide-render h3{font-size:1.2em}.guide-render table,.guide-render pre{font-size:11px}.guide-render img{max-height:64px;object-fit:contain;object-position:left center}.guide-render .markdown-toc{padding:9px 12px}.guide-render .markdown-alert{padding:6px 10px}.guide-render details{padding:8px 10px}.guide-render .footnotes{font-size:10px}.guide-render .mermaid-diagram{min-height:100px;padding:10px}.guide-render .katex-display{margin:9px 0;font-size:.78em}.guide-render .katex{font-size:.88em}.guide-note{margin-top:18px;padding:15px 18px;border:1px solid #e2defe;border-radius:8px;background:#f7f6ff;color:#59627a;font-size:12px;line-height:1.7}.guide-note strong{color:#4236bd}.guide-note p{margin:4px 0 0}.guide-back{width:auto}.guide-page .site-footer{margin-top:0}.badges-page{display:flex;flex-direction:column}.badges-main{width:min(1120px,91%);flex:1;margin:40px auto 30px}.badges-heading{margin-bottom:22px}.badges-heading h1{margin:0 0 8px;font-size:30px;letter-spacing:-.8px}.badges-heading>p:last-child{margin:0;color:#788397;font-size:14px}.badge-builder,.badge-card{border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:0 5px 18px #222d4608}.badge-builder{margin-bottom:30px;padding:22px}.badge-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.badge-section-heading .eyebrow{margin-bottom:5px}.badge-section-heading h2{margin:0;color:var(--ink);font-size:18px;letter-spacing:-.3px}.badge-provider{color:#818a9b;font-size:11px}.badge-editor-notice{margin:-4px 0 15px;padding:10px 12px;border:1px solid #e3defd;border-radius:6px;background:#f7f6ff;color:#5348a6;font-size:11px;line-height:1.6}.badge-editor-notice[hidden]{display:none}.badge-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:22px}.badge-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-content:start}.badge-fields label{display:flex;flex-direction:column;gap:6px;color:#59647a;font-size:11px;font-weight:600}.badge-fields input,.badge-fields select,.badge-search input{width:100%;height:37px;padding:0 10px;border:1px solid #dfe4ec;border-radius:6px;outline:none;background:#fff;color:#354057;font:inherit;font-size:12px}.badge-fields input:focus,.badge-fields select:focus,.badge-search input:focus{border-color:#8d84ed;box-shadow:0 0 0 3px #5546e81a}.badge-link-field{grid-column:1 / -1}.badge-output{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0}.badge-preview{min-height:92px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px dashed #dfe4ec;border-radius:7px;background:#fafbfc}.badge-preview img{max-width:100%;max-height:64px;object-fit:contain}.badge-preview span{color:#a33a42;font-size:11px;text-align:center}.badge-output>label{color:#59647a;font-size:11px;font-weight:600}.badge-output textarea,.badge-card-markdown{width:100%;resize:vertical;padding:9px 10px;border:1px solid #e3e7ed;border-radius:6px;background:#f8f9fb;color:#455066;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.badge-copy-button{align-self:flex-start}.badge-copy-button:disabled{cursor:not-allowed;opacity:.55}.badge-gallery-section{margin-top:28px}.badge-search{width:min(260px,40%)}.badge-gallery-note{margin:-4px 0 14px;color:#7c8699;font-size:11px;line-height:1.6}.badge-gallery-note code{padding:2px 4px;border-radius:3px;background:#ebeef4;color:#5c6577;font-family:JetBrains Mono,monospace;font-size:10px}.badge-categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.badge-category{padding:7px 11px;border:1px solid var(--border);border-radius:16px;background:#fff;color:#657087;font-size:11px}.badge-category:hover{border-color:#c9c4fa;color:var(--accent)}.badge-category[aria-pressed=true]{border-color:#d3cffc;background:#f0efff;color:#4b3ed2;font-weight:600}.badge-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.badge-card{display:flex;min-width:0;flex-direction:column;align-items:stretch;padding:15px}.badge-card-heading{display:flex;align-items:start;justify-content:space-between;gap:8px}.badge-card-heading h3{margin:0;color:#344057;font-size:13px}.badge-card-heading span{flex:0 0 auto;padding:3px 6px;border-radius:10px;background:#f0efff;color:#6254dc;font-size:9px}.badge-card>p{min-height:32px;margin:7px 0 10px;color:#818a9b;font-size:11px;line-height:1.5}.badge-card-preview{min-height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:9px;padding:8px;border:1px solid #edf0f4;border-radius:5px;background:#fafbfc}.badge-card-preview img{max-width:100%;max-height:36px;object-fit:contain}.badge-image-error{color:#a33a42;font-size:10px}.badge-card-markdown{min-height:48px;margin-bottom:9px}.badge-card-actions{display:flex;flex-wrap:wrap;gap:7px}.badge-card-copy,.badge-card-edit{height:31px;padding:0 10px;font-size:10px}.badge-reset-button{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--accent);font-size:11px;text-decoration:underline}.badge-empty{margin:25px 0;color:#7c8699;font-size:13px;text-align:center}.badges-page .site-footer{margin-top:0}@media(max-width:800px){.topbar{height:60px;padding:0 4%}.workspace{width:92%;margin-top:25px}.panels{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto;overflow:visible}.panel{min-height:0}.editor-panel{min-height:420px;border-right:0;border-bottom:1px solid var(--border)}.preview-panel{min-height:0}.preview-scroll{flex:0 0 auto;overflow:visible}.markdown-body{padding:23px 24px 32px}.license-main,.guide-main,.badges-main{margin-top:30px}.badge-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.topbar{padding:0 4%}.brand{font-size:14px;gap:7px}.brand-logo{width:126px;height:46px}.topbar-actions{gap:6px}.button{width:35px;padding:0;font-size:0}.button svg{width:17px;height:17px}.workspace-heading{display:block}h1{font-size:21px}.heading-hint{margin-top:7px;font-size:11px}.editor-panel{min-height:360px}#markdown-input{padding:17px 15px;font-size:11px}.markdown-body{padding:19px 17px 28px}.markdown-body h1{font-size:1.75em}.license-heading h1{font-size:26px}.license-heading>p:last-child{font-size:12px}.license-card{padding:22px 18px}.license-content{font-size:13px}.license-back,.guide-back{width:auto;padding:0 10px;font-size:11px}.guide-heading h1{font-size:26px}.guide-example{grid-template-columns:1fr}.guide-card{padding:15px}.guide-toc{gap:6px}.guide-toc a{padding:6px 8px;font-size:10px}.site-footer{flex-wrap:wrap;row-gap:6px}.badges-heading h1{font-size:26px}.badge-builder{padding:16px}.badge-builder-grid{grid-template-columns:1fr}.badge-fields{gap:10px}.badge-section-heading{align-items:start}.badge-section-heading h2{font-size:16px}.badge-provider{max-width:105px;text-align:right}.badge-search{width:46%}.badge-gallery{grid-template-columns:1fr}.badge-card>p{min-height:0}.badge-copy-button,.badge-card-copy,.badge-card-edit{width:auto;padding:0 11px;font-size:10px}.topbar-actions .guide-link{width:35px;height:36px;padding:0;font-size:0}}body.preview-mode{overflow:hidden}body.preview-mode .topbar,body.preview-mode .workspace-heading,body.preview-mode .drop-hint,body.preview-mode .site-footer,body.preview-mode .editor-panel{display:none}body.preview-mode .workspace{display:flex;flex-direction:column;width:100%;height:100vh;margin:0}body.preview-mode .panels{flex:1;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;border:0;border-radius:0;box-shadow:none}body.preview-mode .preview-panel{min-height:0}body.preview-mode .preview-scroll{flex:1;min-height:0;overflow:auto}body.preview-mode .markdown-body{max-width:1000px;padding:42px 54px 60px;font-size:16px}@media(max-width:520px){body.preview-mode .preview-toolbar-actions{gap:5px}body.preview-mode .preview-mode-button{width:auto;padding:0 9px;font-size:11px}body.preview-mode .markdown-body{padding:25px 20px 40px;font-size:14px}}