:root{color:#222;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:32px 0}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}.eyebrow{margin:0 0 6px;color:#667085;font-size:13px;font-weight:600}h1{margin:0;font-size:28px;font-weight:700}.status{flex:0 0 auto;border:1px solid #d0d5dd;border-radius:999px;padding:6px 10px;background:#fff;color:#475467;font-size:13px}.editor-panel{overflow:hidden;border:1px solid #d0d5dd;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1018280f}#editor{min-height:560px;--mbox-demo-image-width: 60%}#editor .mbox-image-preview{width:var(--mbox-demo-image-width)}#editor .mbox-image-measure{margin-right:calc(-1 * var(--mbox-demo-image-width))}#editor .mbox-image-element{max-width:100%}#editor .mbox-code-fence-line{background:#e4e7ecb8;color:#344054;padding-inline:10px}#editor .mbox-code-opening-fence-line{border-radius:6px 6px 0 0}#editor .mbox-code-header-line{align-items:center}#editor .mbox-code-copy-button{background:#ffffff8f;border:1px solid rgb(102 112 133 / 18%);border-radius:4px;color:#667085;cursor:pointer;float:right;font:inherit;font-size:12px;margin-left:8px;margin-top:1px;padding:0 5px}#editor .mbox-code-copy-button:hover{background:#ffffffc2;color:#344054}#editor .mbox-code-closing-fence-line{border-radius:0 0 6px 6px}#editor .mbox-code-content-line{background:#f8fafcb8;padding-inline:10px}#editor .mbox-code-info{color:#344054;font-weight:600}#editor .mbox-table-cell{box-sizing:border-box;display:inline-block;--mbox-table-column-extra-width: 5ch;width:calc(var(--mbox-table-kit-column-width) + var(--mbox-table-column-extra-width));max-width:var(--mbox-table-kit-cell-max-width, 100%);background:#f8fafc94;box-shadow:inset 0 0 0 1px #cbd5e1c2;overflow-wrap:anywhere;padding-inline:1ch;vertical-align:top}#editor .mbox-table-raw-cell{background:transparent;box-shadow:none;display:inline;max-width:none;overflow-wrap:normal;padding-inline:0;width:auto}#editor .mbox-table-rendered{align-items:stretch;display:flex;white-space:pre-wrap}#editor .mbox-table-rendered .mbox-table-cell{flex:0 1 calc(var(--mbox-table-kit-column-width) + var(--mbox-table-column-extra-width));min-width:0}#editor .mbox-table-header .mbox-table-cell{background:#f1f5f9b3;font-weight:600}#editor .mbox-gfm-image-preview{width:var(--mbox-demo-image-width)}#editor .mbox-gfm-image-element{max-width:100%}#editor .mbox-gfm-code-fence-line{background:#e4e7ecb8;color:#344054;padding-inline:10px}#editor .mbox-gfm-code-opening-fence-line{border-radius:6px 6px 0 0}#editor .mbox-gfm-code-header-line{align-items:center}#editor .mbox-gfm-code-copy-button{background:#ffffff8f;border:1px solid rgb(102 112 133 / 18%);border-radius:4px;color:#667085;cursor:pointer;float:right;font:inherit;font-size:12px;margin-left:8px;margin-top:1px;padding:0 5px}#editor .mbox-gfm-code-copy-button:hover{background:#ffffffc2;color:#344054}#editor .mbox-gfm-code-closing-fence-line{border-radius:0 0 6px 6px}#editor .mbox-gfm-code-content-line{background:#f8fafcb8;padding-inline:10px}#editor .mbox-gfm-code-language-label{color:#344054;font-weight:600}#editor .mbox-gfm-table-cell{box-sizing:border-box;display:inline-block;--mbox-gfm-table-column-extra-width: 5ch;width:calc(var(--mbox-table-kit-column-width) + var(--mbox-gfm-table-column-extra-width));max-width:var(--mbox-table-kit-cell-max-width, 100%);background:#f8fafc94;box-shadow:inset 0 0 0 1px #cbd5e1c2;overflow-wrap:anywhere;padding-inline:1ch;vertical-align:top}#editor .mbox-gfm-table-raw-cell{background:transparent;box-shadow:none;display:inline;max-width:none;overflow-wrap:normal;padding-inline:0;width:auto}#editor .mbox-gfm-table-rendered{align-items:stretch;display:flex;white-space:pre-wrap}#editor .mbox-gfm-table-rendered .mbox-gfm-table-cell{flex:0 1 calc(var(--mbox-table-kit-column-width) + var(--mbox-gfm-table-column-extra-width));min-width:0}#editor .mbox-gfm-table-cell .mbox-gfm-image-preview{width:100%}#editor .mbox-gfm-table-header .mbox-gfm-table-cell{background:#f1f5f9b3;font-weight:600}#editor .mbox-scrapbox-table-cell{box-sizing:border-box;display:inline-block;--mbox-scrapbox-table-column-extra-width: 5ch;width:calc(var(--mbox-table-kit-column-width) + var(--mbox-scrapbox-table-column-extra-width));max-width:var(--mbox-table-kit-cell-max-width, 100%);background:#f8fafc94;box-shadow:inset 0 0 0 1px #cbd5e1c2;overflow-wrap:anywhere;padding-inline:1ch;vertical-align:top}#editor .mbox-scrapbox-table-raw-cell{background:transparent;box-shadow:none;display:inline;max-width:none;overflow-wrap:normal;padding-inline:0;width:auto}#editor .mbox-scrapbox-table-rendered{align-items:stretch;display:flex;white-space:pre-wrap}#editor .mbox-scrapbox-table-rendered .mbox-scrapbox-table-cell{flex:0 1 calc(var(--mbox-table-kit-column-width) + var(--mbox-scrapbox-table-column-extra-width));min-width:0}#editor .mbox-scrapbox-table-header .mbox-scrapbox-table-cell{background:#f1f5f9b3;font-weight:600}#editor .mbox-hatena-h3{padding-top:.7em;padding-bottom:.25em}#editor .mbox-hatena-h4{padding-top:.55em;padding-bottom:.2em}#editor .mbox-hatena-h5{padding-top:.4em;padding-bottom:.15em}#editor .mbox-hatena-table-cell{box-sizing:border-box;display:inline-block;--mbox-hatena-table-column-extra-width: 4ch;width:calc(var(--mbox-table-kit-column-width) + var(--mbox-hatena-table-column-extra-width));max-width:var(--mbox-table-kit-cell-max-width, 100%);box-shadow:inset 0 0 0 1px #ddd;overflow-wrap:anywhere;padding-inline:10px;vertical-align:top}#editor .mbox-hatena-table-raw-cell{box-shadow:none;display:inline;max-width:none;overflow-wrap:normal;padding-inline:0;width:auto}#editor .mbox-hatena-table-rendered{align-items:stretch;display:flex;white-space:pre-wrap}#editor .mbox-hatena-table-rendered .mbox-hatena-table-cell{flex:0 1 calc(var(--mbox-table-kit-column-width) + var(--mbox-hatena-table-column-extra-width));min-width:0}#editor .mbox-hatena-table-header-cell{background:#f5f5f5;font-weight:600}@media(max-width:640px){.app-shell{width:min(100vw - 20px,1120px);padding:18px 0}.app-header{align-items:flex-start;flex-direction:column;gap:10px}}