@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap";.formatter-body{color:#1b1b1b;font-family:Hanken Grotesk,Inter,system-ui,-apple-system,sans-serif}.formatter-body .fmt-mono{font-family:JetBrains Mono,ui-monospace,monospace}.formatter-body .fmt-label{letter-spacing:.06em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:500;line-height:1.334}.formatter-body .fmt-label-muted{color:#757689}.formatter-body .fmt-label-accent{color:#2c4bf2}.formatter-body .fmt-breadcrumb{color:#757689;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;line-height:1.4}.formatter-body .fmt-h1{letter-spacing:-.03em;font-size:clamp(2rem,6vw,2.75rem);font-weight:700;line-height:1.16}.formatter-body .fmt-lede{color:#444557;max-width:680px;font-size:1.125rem;line-height:1.55}.formatter-body .fmt-h2{letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:700;line-height:1.2}.formatter-body .fmt-note{color:#444557;font-size:1rem;line-height:1.55}.formatter-body .fmt-note-sm{color:#757689;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;line-height:1.5}.formatter-body .fmt-text-body{color:#444557;font-size:.9375rem;line-height:1.53}.formatter-body .fmt-faq-question{color:#1b1b1b;font-size:1.0625rem;font-weight:600;line-height:1.5}.formatter-body .fmt-panel{background:#fff;border:1px solid #1b1b1b33}.formatter-body .fmt-row{border-bottom:1px solid #1b1b1b1f;padding-block:1.125rem}.formatter-body .fmt-btn-link{cursor:pointer;color:#2c4bf2;align-items:center;gap:.375rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.formatter-body .fmt-btn-link:hover{color:#243dc6}.formatter-body .fmt-toolbar{background:#fff;border-bottom:1px solid #1b1b1b1f;padding:10px 20px}.formatter-body .fmt-toolbar-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.formatter-body .fmt-toolbar-tools{align-items:center;gap:14px;display:flex}.formatter-body .fmt-toolbar-rule{background:#1b1b1b1f;width:1px;height:20px}.formatter-body .fmt-toolbar-hint{color:#757689;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6875rem;line-height:1.4}.formatter-body .fmt-family-switch{border:1px solid #1b1b1b33;align-items:center;display:flex}.formatter-body .fmt-family-option{cursor:pointer;color:#757689;background:0 0;align-items:center;gap:7px;padding:5px 12px;transition:background-color .15s,color .15s;display:inline-flex}.formatter-body .fmt-family-option+.fmt-family-option{border-left:1px solid #1b1b1b33}.formatter-body .fmt-family-option:hover{color:#1b1b1b}.formatter-body .fmt-family-option.is-active{color:#fff;background:#1b1b1b}.formatter-body .fmt-family-marker{opacity:.6;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6875rem;line-height:1}.formatter-body .fmt-family-label{font-family:Noto Sans Math,Hanken Grotesk,Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.2}.formatter-body .fmt-tool-group{align-items:center;gap:6px;display:flex}.formatter-body .fmt-tool{cursor:pointer;color:#444557;background:#fff;border:1px solid #1b1b1b1f;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6875rem;font-weight:500;line-height:1.4;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.formatter-body .fmt-tool-square{width:30px;padding:0}.formatter-body .fmt-tool:hover{color:#2c4bf2;border-color:#2c4bf2}.formatter-body .fmt-tool.is-active{color:#2c4bf2;background:#2c4bf20d;border-color:#2c4bf2}.formatter-body .fmt-tool-glyph{font-size:.6875rem;font-style:italic;font-weight:700}.formatter-body .fmt-studio-grid{grid-template-columns:minmax(0,440px) minmax(0,1fr);display:grid}.formatter-body .fmt-pane-head{border-bottom:1px solid #1b1b1b1f;justify-content:space-between;align-items:center;gap:1rem;padding:14px 20px;display:flex}.formatter-body .fmt-pane-source{background:#f9f9f9;border-right:1px solid #1b1b1b1f}.formatter-body .fmt-textarea{resize:none;color:#444557;background:0 0;border:0;width:100%;min-height:420px;padding:20px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8125rem;line-height:1.75;display:block}.formatter-body .fmt-textarea:focus{outline:none}.formatter-body .fmt-output{white-space:pre-wrap;word-break:break-word;color:#1b1b1b;min-height:420px;margin:0;padding:20px;font-family:Hanken Grotesk,Inter,system-ui,sans-serif;font-size:.9375rem;line-height:1.55}.formatter-body .fmt-table{border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #1b1b1b33;width:100%}.formatter-body .fmt-table th,.formatter-body .fmt-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #1b1b1b1f;border-right:1px solid #1b1b1b1f;padding:12px 16px}.formatter-body .fmt-table th:last-child,.formatter-body .fmt-table td:last-child{border-right:0}.formatter-body .fmt-table tr:last-child td{border-bottom:0}.formatter-body .fmt-table thead th{background:#f3f3f3;font-size:.875rem;font-weight:600;line-height:1.5}.formatter-body .fmt-table .fmt-code{color:#2c4bf2;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8125rem;line-height:1.5}.formatter-body .fmt-table .fmt-sample{color:#1b1b1b;font-size:1rem;line-height:1.5}.formatter-body .fmt-table .fmt-family{letter-spacing:.04em;color:#2c4bf2;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6875rem;line-height:1.5}.formatter-body .fmt-table .fmt-family-any{color:#757689}.formatter-body .fmt-style-field{flex-direction:column;gap:.5rem;display:flex}.formatter-body .fmt-style-control{display:block;position:relative}.formatter-body .fmt-style-input{color:#1b1b1b;background:#fff;border:1px solid #1b1b1b33;width:100%;padding:11px 40px 11px 14px;font-family:Hanken Grotesk,Inter,system-ui,sans-serif;font-size:1rem;line-height:1.4;transition:border-color .15s;display:block}.formatter-body .fmt-style-input:focus{border-color:#2c4bf2;outline:none}.formatter-body .fmt-style-input::placeholder{color:#757689}.formatter-body .fmt-style-clear{cursor:pointer;color:#757689;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.formatter-body .fmt-style-clear:hover{color:#2c4bf2}.formatter-body .fmt-style-clear[hidden]{display:none}.formatter-body .fmt-card{background:#fff;border:1px solid #1b1b1b1f;flex-direction:column;min-height:142px;display:flex}.formatter-body .fmt-card-body{flex-direction:column;flex:1;justify-content:space-between;gap:.5rem;padding:12px 14px;display:flex}.formatter-body .fmt-card-sample{overflow-wrap:anywhere;color:#1b1b1b;font-size:1rem;line-height:1.4}.formatter-body .fmt-card-foot{border-top:1px solid #1b1b1b1f;justify-content:flex-end;align-items:center;gap:.5rem;padding:7px 14px;display:flex}.formatter-body.fmt-cta{background:#2c4bf2;padding-block:64px}.formatter-body.fmt-cta .fmt-cta-eyebrow{letter-spacing:.1em;color:#dfe0ff;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;font-weight:500;line-height:1.4}.formatter-body.fmt-cta .fmt-cta-line{letter-spacing:-.04em;color:#fff;max-width:900px;font-size:clamp(1.75rem,5vw,2.625rem);font-weight:700;line-height:1.18}.formatter-body.fmt-cta .fmt-cta-sub{color:#dfe0ff;max-width:680px;font-size:1.0625rem;line-height:1.6}.formatter-body.fmt-cta .fmt-btn-invert{color:#2c4bf2;background:#fff;justify-content:center;align-items:center;gap:.5rem;padding:11px 18px;font-size:.875rem;font-weight:600;line-height:1.4;transition:background-color .15s;display:inline-flex}.formatter-body.fmt-cta .fmt-btn-invert:hover{background:#dfe0ff}.formatter-body.fmt-cta .fmt-btn-outline{color:#fff;border:1px solid #ffffff80;justify-content:center;align-items:center;gap:.5rem;padding:10px 17px;font-size:.875rem;font-weight:600;line-height:1.4;transition:background-color .15s;display:inline-flex}.formatter-body.fmt-cta .fmt-btn-outline:hover{background:#ffffff1a}@media (width<=767px){.formatter-body .fmt-toolbar{padding:12px 16px}.formatter-body .fmt-toolbar-inner{flex-direction:column;align-items:stretch;gap:10px}.formatter-body .fmt-toolbar-tools{flex-wrap:wrap;row-gap:10px}.formatter-body .fmt-toolbar-rule{display:none}.formatter-body .fmt-studio-grid{grid-template-columns:minmax(0,1fr)}.formatter-body .fmt-pane-source{border-bottom:1px solid #1b1b1b1f;border-right:0}.formatter-body .fmt-textarea,.formatter-body .fmt-output{min-height:260px}.formatter-body .fmt-table{table-layout:auto}.formatter-body .fmt-table th,.formatter-body .fmt-table td{padding:10px 12px}}