@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-vietnamese-wght-normal-TdzRfv0l.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-latin-ext-wght-normal-DffTHwTe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-latin-wght-normal-CvMo8Nw_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Petrona Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/petrona-vietnamese-wght-italic-BSjrNXzs.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Petrona Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/petrona-latin-ext-wght-italic-DPWrcJIc.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Petrona Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/petrona-latin-wght-italic-Cxq2NBhc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Overused Grotesk;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/OverusedGrotesk-VF-naS7uG3z.woff2) format("woff2-variations")}:root{--tb-font-heading: "Overused Grotesk", system-ui, sans-serif;--tb-font-prose: "Petrona Variable", Georgia, serif;--tb-font-ui: system-ui, sans-serif;--tb-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace}:root{--tb-h1-family: var(--tb-font-heading);--tb-h1-weight: 700;--tb-h1-style: normal;--tb-h1-size: 2.25rem;--tb-h1-line-height: 1.1;--tb-h1-tracking: -.025em;--tb-h2-family: var(--tb-font-heading);--tb-h2-weight: 700;--tb-h2-style: normal;--tb-h2-size: 1.875rem;--tb-h2-line-height: 1.2;--tb-h2-tracking: normal;--tb-h3-family: var(--tb-font-heading);--tb-h3-weight: 700;--tb-h3-style: normal;--tb-h3-size: 1.5rem;--tb-h3-line-height: 1.3;--tb-h3-tracking: normal;--tb-h4-family: var(--tb-font-heading);--tb-h4-weight: 700;--tb-h4-style: normal;--tb-h4-size: 1.25rem;--tb-h4-line-height: 1.4;--tb-h4-tracking: normal;--tb-paragraph-family: var(--tb-font-prose);--tb-paragraph-weight: 500;--tb-paragraph-style: normal;--tb-paragraph-size: 1rem;--tb-paragraph-line-height: 1.625;--tb-quote-family: var(--tb-font-prose);--tb-quote-weight: 500;--tb-quote-style: italic;--tb-quote-size: 1.25rem;--tb-quote-line-height: 1.5;--tb-attribution-family: var(--tb-font-ui);--tb-attribution-weight: 400;--tb-attribution-style: normal;--tb-attribution-size: .875rem;--tb-attribution-line-height: 1.5;--tb-source-family: var(--tb-font-ui);--tb-source-weight: 400;--tb-source-style: normal;--tb-source-size: .875rem;--tb-source-line-height: 1.5;--tb-list-item-family: var(--tb-font-prose);--tb-list-item-weight: 500;--tb-list-item-style: normal;--tb-list-item-size: 1rem;--tb-list-item-line-height: 1.625;--tb-caption-family: var(--tb-font-ui);--tb-caption-weight: 400;--tb-caption-style: normal;--tb-caption-size: .875rem;--tb-caption-line-height: 1.5;--tb-code-family: var(--tb-font-mono);--tb-code-weight: 400;--tb-code-style: normal;--tb-code-size: .875rem;--tb-code-line-height: 1.5}.tb-input-scope{--tb-h1-family: var(--tb-font-ui);--tb-h2-family: var(--tb-font-ui);--tb-h3-family: var(--tb-font-ui);--tb-h4-family: var(--tb-font-ui);--tb-paragraph-family: var(--tb-font-ui)}.tb-h1{font-family:var(--tb-h1-family);font-weight:var(--tb-h1-weight);font-style:var(--tb-h1-style);font-size:var(--tb-h1-size);line-height:var(--tb-h1-line-height);letter-spacing:var(--tb-h1-tracking)}.tb-h2{font-family:var(--tb-h2-family);font-weight:var(--tb-h2-weight);font-style:var(--tb-h2-style);font-size:var(--tb-h2-size);line-height:var(--tb-h2-line-height);letter-spacing:var(--tb-h2-tracking)}.tb-h3{font-family:var(--tb-h3-family);font-weight:var(--tb-h3-weight);font-style:var(--tb-h3-style);font-size:var(--tb-h3-size);line-height:var(--tb-h3-line-height);letter-spacing:var(--tb-h3-tracking)}.tb-h4{font-family:var(--tb-h4-family);font-weight:var(--tb-h4-weight);font-style:var(--tb-h4-style);font-size:var(--tb-h4-size);line-height:var(--tb-h4-line-height);letter-spacing:var(--tb-h4-tracking)}.tb-paragraph{font-family:var(--tb-paragraph-family);font-weight:var(--tb-paragraph-weight);font-style:var(--tb-paragraph-style);font-size:var(--tb-paragraph-size);line-height:var(--tb-paragraph-line-height)}.tb-quote{font-family:var(--tb-quote-family);font-weight:var(--tb-quote-weight);font-style:var(--tb-quote-style);font-size:var(--tb-quote-size);line-height:var(--tb-quote-line-height)}.tb-attribution{font-family:var(--tb-attribution-family);font-weight:var(--tb-attribution-weight);font-style:var(--tb-attribution-style);font-size:var(--tb-attribution-size);line-height:var(--tb-attribution-line-height)}.tb-source{font-family:var(--tb-source-family);font-weight:var(--tb-source-weight);font-style:var(--tb-source-style);font-size:var(--tb-source-size);line-height:var(--tb-source-line-height)}.tb-list-item{font-family:var(--tb-list-item-family);font-weight:var(--tb-list-item-weight);font-style:var(--tb-list-item-style);font-size:var(--tb-list-item-size);line-height:var(--tb-list-item-line-height)}.tb-caption{font-family:var(--tb-caption-family);font-weight:var(--tb-caption-weight);font-style:var(--tb-caption-style);font-size:var(--tb-caption-size);line-height:var(--tb-caption-line-height)}.tb-code{font-family:var(--tb-code-family);font-weight:var(--tb-code-weight);font-style:var(--tb-code-style);font-size:var(--tb-code-size);line-height:var(--tb-code-line-height)}.textbit-page{background:var(--cream);color:var(--ink);min-height:100vh}.textbit-header{max-width:980px;margin:0 auto;padding:40px 32px 56px}.textbit-header .brand{font-family:Raleway,sans-serif;font-weight:600;font-size:14px;letter-spacing:.02em;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin-bottom:48px;transition:color .15s}.textbit-header .brand:hover{color:var(--ink)}.textbit-header .title-block{max-width:720px}.textbit-header h1{font-family:Raleway,sans-serif;font-weight:800;font-size:clamp(40px,6vw,72px);letter-spacing:-.035em;line-height:1;margin:0 0 18px}.textbit-header p{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 22px}.textbit-header .links{display:flex;flex-wrap:wrap;gap:22px;font-family:Raleway,sans-serif;font-weight:600;font-size:14px}.textbit-header .links a{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:1px;transition:color .15s,border-color .15s}.textbit-header .links a:hover{color:var(--terracotta);border-color:var(--terracotta)}.example{max-width:980px;margin:0 auto;padding:48px 32px;border-top:1px solid var(--line-soft)}.example-meta{margin-bottom:28px;max-width:720px}.example-meta h2{font-family:Raleway,sans-serif;font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}.example-meta p{color:var(--muted);font-size:16px;line-height:1.6;margin:0}.example-meta code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85em;background:#18181b0f;padding:1px 6px;border-radius:3px;color:var(--ink);white-space:nowrap}.example-meta .hints{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.example-meta .hints li{font-size:14px;color:var(--ink-soft);padding-left:16px;position:relative}.example-meta .hints li:before{content:"·";position:absolute;left:4px;color:var(--muted)}.example-frame{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px 20px;overflow:hidden}.tb-showcase-readonly{opacity:.92}.collab-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.collab-editor-wrap{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:14px 16px}.collab-editor-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.collab-editor-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.collab-input-field{display:flex;flex-direction:column;gap:6px}.collab-input-label{font-family:Raleway,sans-serif;font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.tb-collab-input{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px 14px;transition:border-color .15s}.tb-collab-input:focus-within{border-color:var(--ink)}.tb-collab-input .tb-collab-input-editable{outline:none;font-family:Inter,sans-serif;font-size:15px;line-height:1.4;min-height:1.4em;color:var(--ink)}.textbit-footer{max-width:980px;margin:0 auto;padding:60px 32px 40px;border-top:1px solid var(--line-soft);font-family:Raleway,sans-serif;font-weight:600;font-size:14px}.textbit-footer a{color:var(--muted);transition:color .15s}.textbit-footer a:hover{color:var(--ink)}.tb-showcase{width:100%}.tb-showcase-editor{background:var(--paper)!important;min-height:280px}.tb-showcase-editor [contenteditable=true]{padding:16px 24px 20px 0!important}.tb-showcase-editor .tb-h1,.tb-showcase-editor .tb-h2,.tb-showcase-editor .tb-h3,.tb-showcase-editor .tb-h4{margin:.6em 0 .3em}.tb-showcase-editor .tb-h1:first-child,.tb-showcase-editor .tb-h2:first-child{margin-top:0}.tb-showcase-editor .tb-paragraph{margin:.8em 0}.tb-showcase-editor .tb-paragraph:first-child{margin-top:0}.tb-showcase-editor .tb-ul,.tb-showcase-editor .tb-ol{list-style-position:outside;padding-left:1.5rem;margin:.8em 0}.tb-showcase-editor .tb-ul{list-style-type:disc}.tb-showcase-editor .tb-ol{list-style-type:decimal}.tb-showcase-editor .tb-ul>li,.tb-showcase-editor .tb-ol>li{padding-left:.25rem;margin:.25em 0}.tb-showcase-editor .tb-ul>li::marker,.tb-showcase-editor .tb-ol>li::marker{color:var(--muted)}.tb-showcase-editor a>div:last-child.text-right{padding-right:.75rem!important}.tb-showcase-editor .tb-blockquote{border-left:3px solid var(--ink);padding-left:1.25rem;margin:1.2em 0}.tb-showcase-editor .tb-blockquote-body{color:#18181b8c;font-size:1.2rem}.tb-link-input{padding:.375rem 2.25rem .375rem .75rem!important;box-sizing:border-box!important;line-height:1.2}.tb-content-menu-item{padding-left:1rem!important;padding-right:1rem!important}@media(max-width:720px){.collab-pair{grid-template-columns:1fr}.example{padding:36px 20px}.textbit-header{padding:28px 20px 40px}}