:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wryte-accent:#2563eb;--wryte-accent-contrast:#fff;--wryte-surface:#27272a;--wryte-surface-muted:#3f3f46;--wryte-placeholder:#3f3f46;--wryte-border:#3f3f46;--wryte-border-strong:#52525b;--wryte-divider:#3f3f46;--wryte-text:#e4e4e7;--wryte-text-muted:#a1a1aa;--wryte-hover:#3f3f46;--wryte-spoiler-bg:#3f3f46;--wryte-spoiler-hover:#e4e4e7;--wryte-progress-bg:#00000073;--wryte-progress-track:#52525b;--wryte-hr:#3f3f46;--wryte-gapcursor:#e4e4e7}*{box-sizing:border-box}body{color:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#f5f5f7);background:var(--lightningcss-light,#f5f5f7)var(--lightningcss-dark,#0d0d0f);margin:0;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{max-width:720px;margin:0 auto}.page-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1{font-size:1.5rem}.tag{text-transform:uppercase;letter-spacing:.08em;color:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa);vertical-align:3px;background:var(--lightningcss-light,#2563eb1a)var(--lightningcss-dark,#60a5fa26);border:1px solid var(--lightningcss-light,#2563eb40)var(--lightningcss-dark,#60a5fa4d);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.lede{color:var(--lightningcss-light,#51515c)var(--lightningcss-dark,#a1a1aa);line-height:1.6}.features{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.features li{color:var(--lightningcss-light,#51515c)var(--lightningcss-dark,#a1a1aa);border:1px solid var(--lightningcss-light,#d2d2d7)var(--lightningcss-dark,#3f3f46);border-radius:999px;padding:.3rem .75rem;font-size:.8rem}.features code{background:0 0;padding:0}kbd{background:var(--lightningcss-light,#f5f5f7)var(--lightningcss-dark,#27272a);border:1px solid var(--lightningcss-light,#d2d2d7)var(--lightningcss-dark,#3f3f46);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;font-family:inherit;font-size:.8em}.theme-toggle{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid var(--lightningcss-light,#d2d2d7)var(--lightningcss-dark,#3f3f46);border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.theme-toggle:hover{background:var(--lightningcss-light,#e9e9ee)var(--lightningcss-dark,#27272a)}h2{margin-top:2rem;font-size:1rem}.demo{border-top:1px solid var(--lightningcss-light,#d2d2d7)var(--lightningcss-dark,#3f3f46);margin-top:3rem;padding-top:1.5rem}.demo>h2{margin-top:0}.step{color:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa);border:1px solid var(--lightningcss-light,#2563eb66)var(--lightningcss-dark,#60a5fa80);border-radius:999px;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;margin-right:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.caption{color:var(--lightningcss-light,#51515c)var(--lightningcss-dark,#a1a1aa);margin-top:.5rem;line-height:1.6}.editor{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b);border:1px solid var(--lightningcss-light,#d2d2d7)var(--lightningcss-dark,#3f3f46);border-radius:6px;min-height:220px;display:block;position:relative}.editor .ProseMirror{white-space:pre-wrap;word-wrap:break-word;outline:none;min-height:218px;padding:1rem}.editor:focus-within{border-color:var(--wryte-accent,var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#3b82f6));box-shadow:0 0 0 3px var(--lightningcss-light,#2563eb33)var(--lightningcss-dark,#3b82f64d)}.editor[data-wryte-empty]:before{content:attr(data-wryte-placeholder);color:var(--lightningcss-light,#9ca3af)var(--lightningcss-dark,#71717a);pointer-events:none;position:absolute;top:1rem;left:1rem;right:1rem}.editor img{border-radius:4px;max-width:100%}.prose{--tw-prose-body:var(--lightningcss-light,#374151)var(--lightningcss-dark,#d4d4d8);--tw-prose-headings:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);--tw-prose-lead:var(--lightningcss-light,#4b5563)var(--lightningcss-dark,#a1a1aa);--tw-prose-links:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);--tw-prose-bold:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);--tw-prose-counters:var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#9ca3af);--tw-prose-bullets:var(--lightningcss-light,#d1d5db)var(--lightningcss-dark,#52525b);--tw-prose-hr:var(--lightningcss-light,#e5e7eb)var(--lightningcss-dark,#3f3f46);--tw-prose-quotes:var(--lightningcss-light,#4b5563)var(--lightningcss-dark,#a1a1aa);--tw-prose-quote-borders:var(--lightningcss-light,#d1d5db)var(--lightningcss-dark,#52525b);--tw-prose-quote-bg:var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#27272a);--tw-prose-captions:var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#9ca3af);--tw-prose-kbd:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);--tw-prose-kbd-shadows:var(--lightningcss-light,#1118271a)var(--lightningcss-dark,#ffffff1a);--tw-prose-code:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);--tw-prose-code-bg:var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#27272a);--tw-prose-pre-code:var(--lightningcss-light,#e5e7eb)var(--lightningcss-dark,#d4d4d8);--tw-prose-pre-bg:var(--lightningcss-light,#1f2937)var(--lightningcss-dark,#0d0d0f);--tw-prose-th-borders:var(--lightningcss-light,#d1d5db)var(--lightningcss-dark,#52525b);--tw-prose-td-borders:var(--lightningcss-light,#e5e7eb)var(--lightningcss-dark,#3f3f46);color:var(--tw-prose-body);overflow-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;line-height:1.75}.prose :where(p,ul,ol,dl,pre,table,figure,img,video){margin-top:1.25em;margin-bottom:1.25em}.prose :where(h1,h2,h3,h4,h5,h6){color:var(--tw-prose-headings);font-weight:700;line-height:1.33333}.prose :where(h1){margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h2){margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h3){margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h4){margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h5){margin-top:1.5em;margin-bottom:.5em;font-size:.875em;font-weight:600;line-height:1.5}.prose :where(h6){margin-top:1.5em;margin-bottom:.5em;font-size:.75em;font-weight:600;line-height:1.5}.prose :where(a){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong,blockquote strong,h1 strong,h2 strong,h3 strong,h4 strong,thead th strong){color:inherit}.prose :where(del){text-decoration:line-through}.prose :where(blockquote){margin-top:1.25em;margin-bottom:1.25em;color:var(--tw-prose-quotes);background-color:var(--tw-prose-quote-bg);border-inline-start-width:3px;border-inline-start-color:var(--tw-prose-quote-borders);border-radius:.375rem;margin-inline-start:0;margin-inline-end:0;padding:.75em 1em;font-style:normal;font-weight:400}.prose :where(blockquote p){margin-top:0;margin-bottom:0}.prose :where(blockquote p+p){margin-top:.75em}.prose :where(blockquote blockquote){margin-top:.75em;margin-bottom:0}.prose :where(ul,ol){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ul){list-style-type:disc}.prose :where(ol){list-style-type:decimal}.prose :where(li){margin-top:.5em;margin-bottom:.5em;padding-inline-start:.375em}.prose :where(ol>li)::marker{color:var(--tw-prose-bullets)}.prose :where(ul>li)::marker{color:var(--tw-prose-bullets)}.prose :where(ol>li)::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(li>p){margin-top:.75em;margin-bottom:.75em}.prose :where(li>p:first-child){margin-top:1.25em}.prose :where(li>p:last-child){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol){margin-top:.75em;margin-bottom:.75em}.prose :where(hr){border:0;border-top-width:1px;border-top-color:var(--tw-prose-hr);margin-top:3em;margin-bottom:3em}.prose :where(hr+*){margin-top:0}.prose :where(h2+*,h3+*,h4+*){margin-top:0}.prose :where(code){color:var(--tw-prose-code);background-color:var(--tw-prose-code-bg);border-radius:.375rem;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875em;font-weight:500}.prose :where(a code,h1 code,h2 code,h3 code,h4 code,blockquote code,thead th code){color:inherit}.prose :where(h2 code){font-size:.875em}.prose :where(h3 code){font-size:.9em}.prose :where(pre){white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding:.857143em 1.14286em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):before{content:none}.prose :where(pre code):after{content:none}.prose :where(img){border-radius:.5rem;max-width:100%;margin-top:2em;margin-bottom:2em}.prose :where(kbd){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);border-radius:.3125rem;padding:.1875em .375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where([data-wryte-attachment]){font-weight:500}.prose .ProseMirror>:first-child{margin-top:0}.prose .ProseMirror>:last-child{margin-bottom:0}.prose .ProseMirror:has(>p:last-child>br:only-child)>:nth-last-child(2):not(p):not(hr){margin-bottom:0}wryte-toolbar{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b);border:1px solid var(--lightningcss-light,#d2d2d7)var(--lightningcss-dark,#3f3f46);border-bottom:none;border-radius:6px 6px 0 0;padding:.25rem;display:block}.toolbar+.editor{border-top:none;border-radius:0 0 6px 6px}.toolbar+.editor:focus-within{box-shadow:0 3px 0 3px var(--lightningcss-light,#2563eb33)var(--lightningcss-dark,#3b82f64d)}.wryte-toolbar-row{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.wryte-toolbar-group{gap:.125rem;display:inline-flex}.wryte-toolbar-spacer{flex:1}.wryte-toolbar-button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:.3rem .5rem;font-size:.85rem;display:inline-flex}.wryte-toolbar-button svg{display:block}.wryte-toolbar-button:hover{background:var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#3f3f46)}.wryte-toolbar-button.is-active{background:var(--wryte-accent,var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#3b82f6));color:var(--wryte-accent-contrast,#fff)}.wryte-toolbar-button:disabled{opacity:.4;cursor:default}.wryte-dialog{gap:.25rem;margin-top:.25rem;padding:.25rem;display:flex}.wryte-dialog[hidden]{display:none}.wryte-dialog-input{font:inherit;color:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#f5f5f7);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#27272a);border:1px solid var(--lightningcss-light,#d2d2d7)var(--lightningcss-dark,#3f3f46);border-radius:4px;flex:1;padding:.25rem .5rem;font-size:.85rem}.output,.log,.state{color:var(--lightningcss-light,#f5f5f7)var(--lightningcss-dark,#d4d4d8);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#0d0d0f);border:1px solid var(--lightningcss-light,#0000)var(--lightningcss-dark,#3f3f46);border-radius:6px;width:100%;max-width:100%;max-height:16rem;padding:.75rem;font-size:.85rem;overflow:auto}.panel-grid>.panel{min-width:0}.panel-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (max-width:640px){.panel-grid{grid-template-columns:1fr}}.panel{margin-top:1.5rem}.panel h3{margin:0 0 .25rem;font-size:.95rem}.panel-note{color:var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#9ca3af);margin:0 0 .5rem;font-size:.8rem}.api-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.btn{font:inherit;color:inherit;cursor:pointer;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#27272a);border:1px solid var(--lightningcss-light,#d2d2d7)var(--lightningcss-dark,#3f3f46);border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.btn:hover{background:var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#3f3f46);border-color:var(--lightningcss-light,#a1a1aa)var(--lightningcss-dark,#52525b)}.btn:active{transform:translateY(1px)}.editor[disabled]{opacity:.75;cursor:not-allowed}.editor.stacked{margin-top:1rem}