.html-block{position:relative;margin:.5rem 0;max-width:100%}.html-block--editing{outline:1px solid var(--tt-border-color,#d0d5dd);border-radius:8px}.html-block__badge{position:absolute;top:4px;right:4px;z-index:2;font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.06);color:#475467;pointer-events:none;user-select:none}.html-block__textarea{display:block;width:100%;min-height:120px;max-height:360px;padding:12px;border:0;outline:none;resize:vertical;overflow:auto;background:rgba(0,0,0,0);color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}.html-block__preview{position:relative;width:100%;height:360px;overflow:auto;border-radius:8px}.html-block__frame{display:block;width:100%;height:100%;border:0;border-radius:8px;background:#fff;overflow:auto}.html-block__edit-button{position:absolute;top:4px;left:4px;z-index:2;margin:0;padding:2px 8px;border:0;border-radius:4px;background:rgba(0,0,0,.06);color:#475467;font-size:10px;font-weight:600;letter-spacing:.04em;cursor:pointer;user-select:none}.html-block__edit-button:hover{background:rgba(0,0,0,.1)}