@import "https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&family=Carlito:wght@400;700&family=Gelasio:wght@400;700&family=Tinos:wght@400;700&display=swap";
.neo-editor,.neo-demo{color:#20242a;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.neo-editor *,.neo-demo *{box-sizing:border-box}.neo-editor button,.neo-demo button{font:inherit;cursor:pointer;background:#fff;border:1px solid #c7cdc4;border-radius:6px;padding:6px 9px}.neo-editor button:hover,.neo-editor button.active,.neo-demo button:hover,.neo-demo button.active{color:#174ea6;border-color:#2d6cdf}.format-button{color:#1f2933;background:linear-gradient(#fff,#f0f4ee);border-color:#aeb8a8;justify-content:center;align-items:center;width:29px;height:28px;padding:0;font-size:14px;line-height:1;display:inline-flex}.format-button.bold{font-weight:800}.format-button.italic{font-family:Georgia,Cambria,serif;font-style:italic;font-weight:700}.format-button.underline{text-underline-offset:3px;font-weight:800;text-decoration:underline}.format-button:hover,.format-button.active{background:#e8f0fe;border-color:#174ea6;box-shadow:inset 0 0 0 1px #174ea626}.neo-editor button.primary,.neo-demo button.primary{color:#fff;background:#174ea6;border-color:#174ea6}.neo-demo{max-width:1320px;margin:0 auto;padding:28px}.hero{justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 0 28px;display:flex}.eyebrow{color:#6f5b00;text-transform:uppercase;letter-spacing:0;margin:0 0 8px;font-size:13px;font-weight:700}.neo-demo h1{letter-spacing:0;margin:0;font-size:42px;line-height:1.05}.neo-demo h2{margin:0 0 10px;font-size:18px}.lede{color:#586069;max-width:720px;margin:12px 0 0;font-size:18px}.status-pill{white-space:nowrap;background:#fff;border:1px solid #d8ddd4;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;display:grid}.panel,.editor-wrap,.compare>div{background:#fff;border:1px solid #dce1d8;border-radius:8px;box-shadow:0 1px 2px #1a202c0d}.panel{padding:16px}.panel-title{align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.neo-demo textarea{resize:vertical;border:1px solid #cfd6cc;border-radius:6px;width:100%;min-height:260px;padding:12px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.actions,.toolbar{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.toolbar{background:#f9faf7;border:1px solid #dce1d8;border-radius:8px;flex-direction:column;align-items:stretch;gap:5px;padding:7px}.toolbar-row{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;padding-bottom:1px;display:flex;overflow:visible}.toolbar-group,.control,.swatches{flex:0 auto;align-items:center;gap:4px;max-width:100%;display:inline-flex}.toolbar-group button{align-items:center;gap:3px;display:inline-flex}.toolbar-row button{padding:5px 7px}.heading-tools button{min-width:28px;font-weight:800}.heading-tools button:first-child{font-size:16px}.heading-tools button:nth-child(2){font-size:14px}.heading-tools button:nth-child(3),.heading-tools button:nth-child(4){font-size:12px}.image-tools{flex-wrap:wrap;gap:5px}.image-tools-top{margin-left:2px}.image-size-panel{background:#fff;border:1px solid #aeb8a8;border-radius:8px;flex-wrap:wrap;align-items:center;gap:3px;max-width:100%;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #1f293308}.image-tool-label{color:#25311f;white-space:nowrap;background:#eef4ea;border-radius:6px;align-items:center;gap:4px;min-height:28px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.image-size-panel button{min-height:27px;padding:5px 7px}.table-tools{gap:3px}.table-tool-label{color:#25311f;font-size:12px;font-weight:800}.table-tools .table-symbol-button{background:linear-gradient(#fff,#f0f4ee);justify-content:center;width:31px;height:28px;padding:0}.table-icon-grid{grid-template-rows:repeat(2,6px);grid-template-columns:repeat(2,6px);gap:2px;display:grid}.table-icon-grid span{background:#fff;border:1px solid #25311f;display:block}.table-popover{z-index:20;background:#fff;border:1px solid #c7cdc4;border-radius:8px;width:290px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 30px #1f29332e}.table-picker-head{color:#3c434a;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.table-matrix{gap:3px;margin-bottom:12px;display:grid}.table-matrix-row{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.table-matrix button{aspect-ratio:1;background:#fff;border-color:#b8c2b2;border-radius:3px;width:100%;min-height:0;padding:0}.table-matrix button.selected{background:#dbeafe;border-color:#174ea6}.table-popover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.table-popover-grid button{justify-content:center;min-height:26px;padding:4px 6px}.table-popover-grid button:nth-last-child(2),.table-popover-grid button:last-child{grid-column:span 1}.table-tools input{border:1px solid #c7cdc4;border-radius:6px;width:34px;min-height:25px;padding:4px 5px;font:13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.table-tools button{min-height:25px;padding:4px 6px}.toolbar-group,.control,.swatches{border-right:1px solid #d8ddd4;padding-right:5px;position:relative}.toolbar-group:last-child,.control:last-child,.swatches:last-child{border-right:0}.control{color:#3c434a;font-size:12px;font-weight:700}.neo-editor select,.neo-demo select{max-width:100%;min-height:31px;font:inherit;background:#fff;border:1px solid #c7cdc4;border-radius:6px;padding:5px 7px}.link-popover{z-index:20;background:#fff;border:1px solid #c7cdc4;border-radius:8px;width:360px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 30px #1f29332e}.link-popover label{color:#3c434a;gap:5px;font-size:13px;font-weight:700;display:grid}.link-popover input{background:#fff;border:1px solid #c7cdc4;border-radius:6px;width:100%;min-height:34px;padding:6px 8px;font:13px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.link-popover-actions{gap:8px;margin-top:10px;display:flex}.editor-surface a,.preview a{color:#174ea6;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.editor-surface img,.preview img{border:1px solid #d8ddd4;border-radius:6px;margin:12px auto;display:block}.editor-surface img.ProseMirror-selectednode{outline-offset:3px;outline:3px solid #174ea652}.editor-image-left{margin-left:0!important;margin-right:auto!important}.editor-image-center{margin-left:auto!important;margin-right:auto!important}.editor-image-right{margin-left:auto!important;margin-right:0!important}.swatch{border:1px solid #9aa7b0;border-radius:999px;width:25px;height:25px;padding:0}.swatch:hover,.swatch:focus{outline-offset:1px;outline:2px solid #174ea62e}.compact-color-control{gap:4px}.color-current{place-items:center;width:31px;height:31px;padding:0 0 5px;font-weight:800;display:inline-grid;position:relative}.background-current{color:#1f2933;place-items:center;width:32px;height:31px;padding:0;display:inline-grid;position:relative}.background-current:after{content:"";background:currentColor;border:1px solid #1f29332e;border-radius:999px;height:4px;position:absolute;bottom:5px;left:6px;right:6px}.color-current span{border:1px solid #1f29332e;border-radius:999px;height:4px;position:absolute;bottom:5px;left:6px;right:6px}.popover-swatches{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.color-popover{z-index:20;background:#fff;border:1px solid #c7cdc4;border-radius:8px;width:260px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 30px #1f29332e}.color-popover label{color:#3c434a;gap:5px;margin-bottom:8px;font-size:13px;font-weight:700;display:grid}.color-popover input[type=color]{background:#fff;border:1px solid #c7cdc4;border-radius:6px;width:100%;height:38px;padding:2px}.color-popover input:not([type=color]){border:1px solid #c7cdc4;border-radius:6px;min-height:34px;padding:6px 8px;font:13px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dropzone{text-align:center;cursor:pointer;background:#f9faf7;border:1px dashed #9aa7b0;border-radius:8px;justify-content:center;align-items:center;min-height:150px;padding:20px;display:flex}.dropzone input{display:none}.report{color:#3c434a;gap:8px;margin-top:14px;font-size:14px;display:grid}.editor-wrap{margin-top:18px;padding:16px}.editor-surface{border:1px solid #cfd6cc;border-radius:6px;min-height:280px;padding:16px;line-height:1.46}.editor-surface:focus{border-color:#2d6cdf;outline:2px solid #174ea62e}.editor-surface p,.preview p{margin:0 0 .62em}.editor-surface h1,.preview h1{margin:.18em 0 .45em;font-size:2em;font-weight:800;line-height:1.14}.editor-surface h2,.preview h2{margin:.55em 0 .35em;font-size:1.55em;font-weight:800;line-height:1.18}.editor-surface h3,.preview h3{margin:.5em 0 .3em;font-size:1.2em;font-weight:750;line-height:1.22}.editor-surface hr,.preview hr{border:0;border-top:1px solid #c7d0c4;margin:1.2em 0}.editor-surface li,.preview li{margin:.2em 0}.editor-surface ul,.editor-surface ol,.preview ul,.preview ol{margin:.45em 0 .75em 1.35em;padding-left:1.1em}.editor-surface td p,.editor-surface th p,.preview td p,.preview th p{margin:0}.editor-surface blockquote,.preview blockquote{color:#28323d;background:#f4f7fb;border-left:4px solid #174ea6;margin:18px 0;padding:16px 22px 16px 52px;font-family:Georgia,Cambria,serif;font-size:1.08em;position:relative}.editor-surface blockquote:before,.preview blockquote:before{content:open-quote;color:#174ea6;font-family:Georgia,Cambria,serif;font-size:58px;line-height:1;position:absolute;top:2px;left:14px}.editor-surface blockquote:after,.preview blockquote:after{content:close-quote;color:#174ea6;vertical-align:-.18em;margin-left:3px;font-family:Georgia,Cambria,serif;font-size:1.35em;line-height:0}.editor-surface blockquote p,.preview blockquote p{display:inline}.compare{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.compare>div{min-width:0;padding:16px}pre{color:#e9eef4;background:#1f2933;border-radius:6px;min-height:220px;max-height:420px;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.preview{border:1px solid #dce1d8;border-radius:6px;min-height:220px;padding:12px 16px}.preview table,.editor-surface table{border-collapse:collapse;width:100%}.preview td,.preview th,.editor-surface td,.editor-surface th{border:1px solid #b9c1b4;padding:6px 8px}@media (max-width:1200px){main{padding:18px}.status-pill{white-space:normal}.toolbar-row{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;width:100%;min-width:0;max-width:100%;overflow:auto visible}.image-tools-top{justify-content:flex-start;margin-left:0}.image-tools,.image-size-panel{flex-wrap:nowrap}.image-size-panel{max-width:100%}.link-popover,.color-popover,.table-popover{width:auto;max-height:calc(100dvh - 124px);position:fixed;top:104px;left:12px;right:12px;overflow:auto}}@media (max-width:900px){.hero,.grid,.compare{grid-template-columns:1fr;display:grid}}@media (max-width:700px){main{padding:12px}h1{font-size:32px}.lede{font-size:15px}.panel,.editor-wrap,.compare>div{padding:12px}.toolbar{z-index:15;border-radius:6px;gap:5px;margin-inline:-4px;padding:6px;position:sticky;top:0;box-shadow:0 8px 20px #1f29331a}.toolbar-row{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:4px;padding-bottom:4px;overflow:auto visible}.toolbar-group,.control,.swatches{gap:3px;padding-right:4px}.image-tools-top{flex-basis:auto}.toolbar-row button,select{min-height:31px}.format-button{width:31px;height:31px}.font-select{max-width:176px}.control span{font-size:12px}.image-size-panel{flex-wrap:nowrap;padding:2px}.image-tool-label{min-height:28px;padding-inline:5px}.image-tool-label svg{width:18px;height:18px}.table-matrix button{min-height:40px}.table-popover-grid{grid-template-columns:1fr 1fr}.editor-surface{min-height:340px;padding:12px;font-size:15px}.editor-surface table,.preview table{max-width:100%;display:block;overflow-x:auto}}
