.html-editor{border:1px solid var(--color-border-strong,#d4d4d4);background:#fff;border-radius:10px;position:relative}.html-editor:focus-within{border-color:#a3a3a3;box-shadow:0 0 0 3px #0000000f}.html-editor__toolbar{background:#fafafa;border-bottom:1px solid #ebebeb;border-radius:10px 10px 0 0;flex-wrap:wrap;align-items:center;gap:2px;padding:5px 6px;display:flex}.html-editor__sep{background:#e3e3e3;width:1px;height:18px;margin:0 4px}.html-editor__btn{color:#303030;border-radius:6px;justify-content:center;align-items:center;gap:2px;min-width:28px;height:28px;padding:0 5px;font-size:13px;line-height:1;display:inline-flex}.html-editor__btn:hover{background:#ebebeb}.html-editor__btn:focus-visible{outline-offset:-2px;outline:2px solid #303030}.html-editor__btn[aria-pressed=true]{background:#e3e3e3}.html-editor__btn:disabled{opacity:.35;pointer-events:none}.html-editor__btn svg{width:16px;height:16px}.html-editor__select{color:#303030;cursor:pointer;background:0 0;border:0;border-radius:6px;height:28px;padding:0 22px 0 8px;font-size:13px}.html-editor__select:hover{background-color:#ebebeb}.html-editor__select:focus{box-shadow:none;outline:none}.html-editor__select:focus-visible{outline-offset:-2px;outline:2px solid #303030}.html-editor__spacer{flex:1}.html-editor__popover{z-index:30;background:#fff;border:1px solid #e3e3e3;border-radius:10px;width:300px;padding:12px;position:absolute;top:40px;box-shadow:0 8px 24px #0000001f}.html-editor__popover--right{right:8px}.html-editor__images{grid-template-columns:repeat(4,1fr);gap:6px;max-height:180px;display:grid;overflow-y:auto}.html-editor__images button{aspect-ratio:1;border:1px solid #ebebeb;border-radius:6px;overflow:hidden}.html-editor__images button:hover{border-color:#303030}.html-editor__images img{object-fit:cover;width:100%;height:100%}.html-editor__grid-pick{grid-template-columns:repeat(5,20px);gap:3px;display:grid}.html-editor__grid-pick button{border:1px solid #d4d4d4;border-radius:3px;width:20px;height:20px}.html-editor__grid-pick button.is-on{background:#303030;border-color:#303030}.html-editor__area,.html-editor__source{color:#303030;outline:none;width:100%;min-height:180px;max-height:520px;padding:12px 14px;font-size:14px;line-height:1.6;display:block;overflow-y:auto}.html-editor__source{resize:vertical;color:#f1f1f1;background:#1f1f1f;border:0;border-radius:0 0 10px 10px;font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.html-editor__area.is-blank{position:relative}.html-editor__area.is-blank:before{content:attr(data-placeholder);color:#8a8a8a;pointer-events:none;position:absolute;top:12px;left:14px}.html-editor__area>:first-child{margin-top:0}.html-editor__area>:last-child{margin-bottom:0}.html-editor__area p{margin:0 0 .75em}.html-editor__area h2{margin:1em 0 .5em;font-size:1.35em;font-weight:650;line-height:1.3}.html-editor__area h3{margin:1em 0 .5em;font-size:1.15em;font-weight:650;line-height:1.35}.html-editor__area h4{margin:1em 0 .5em;font-size:1em;font-weight:650}.html-editor__area ul{margin:0 0 .75em;padding-left:1.4em;list-style:outside}.html-editor__area ol{margin:0 0 .75em;padding-left:1.4em;list-style:decimal}.html-editor__area blockquote{color:#616161;border-left:3px solid #d4d4d4;margin:0 0 .75em;padding-left:12px}.html-editor__area a{color:#005bd3;text-decoration:underline}.html-editor__area img{border-radius:6px;max-width:100%;height:auto}.html-editor__area hr{border:0;border-top:1px solid #e3e3e3;margin:1em 0}.html-editor__area table{border-collapse:collapse;width:100%;margin:0 0 .75em}.html-editor__area td,.html-editor__area th{vertical-align:top;border:1px solid #e3e3e3;min-width:40px;padding:6px 8px}