.orthant-table-layout, .orthant-table-source { display: none !important; }
.content table:not(.lntable), .orthant-inline-editor .vditor-reset table, .vditor .vditor-reset table {
  display: table !important; table-layout: fixed !important; width: 100% !important; max-width: 100%; }
.content table:not(.lntable) :is(th, td), .orthant-inline-editor .vditor-reset table :is(th, td),
.vditor .vditor-reset table :is(th, td) {
  overflow-wrap: anywhere !important; white-space: normal !important; word-break: normal !important; min-width: 0 !important; }
.content table:not(.lntable) :is(th, td) :is(p, span, a, code, strong, em),
.vditor .vditor-reset table :is(th, td) :is(p, span, a, code, strong, em) {
  white-space: normal !important; overflow-wrap: anywhere !important; }
.orthant-table-handles { position: fixed; inset: 0; pointer-events: none; user-select: none; z-index: 65; }
.orthant-table-resize { position: fixed; display: block; padding: 0; margin: 0; background: none; border: 0;
  pointer-events: auto; touch-action: none; outline-offset: -2px; z-index: 3; }
.orthant-table-resize-column { width: 10px; cursor: col-resize; }
.orthant-table-resize-row { height: 10px; cursor: row-resize; }
.orthant-table-resize::after { content: ""; position: absolute; background: transparent; transition: background .15s; }
.orthant-table-resize-column::after { width: 2px; top: 0; bottom: 0; left: 4px; }
.orthant-table-resize-row::after { height: 2px; left: 0; right: 0; top: 4px; }
.orthant-table-resize:is(:hover, :focus-visible, :active)::after { background: #4b78b5; }
.orthant-table-axis { position: fixed; z-index: 2; min-width: 18px; min-height: 18px; padding: 0; border: 0;
  border-radius: 3px; background: transparent; pointer-events: auto; cursor: pointer; }
.orthant-table-axis:is(:hover, :focus-visible, :active) { background: #4b78b51a; }
.orthant-table-axis-column[aria-pressed="true"] { border-bottom: 3px solid #3c6dce; background: #3c6dce14; }
.orthant-table-axis-row[aria-pressed="true"] { border-right: 3px solid #3c6dce; background: #3c6dce14; }
.orthant-table-insert { position: fixed; z-index: 4; box-sizing: border-box; width: 24px; height: 24px; padding: 0;
  border: 0; border-radius: 50%; background: transparent; color: transparent; font-size: 0; pointer-events: auto; cursor: pointer; }
.orthant-table-insert::before { content: ""; position: absolute; left: 50%; top: 50%; width: 5px; height: 5px;
  border-radius: 50%; background: #aeb5be; transform: translate(-50%, -50%); transition: width .12s, height .12s, background .12s; }
.orthant-table-insert::after { content: "+"; position: absolute; inset: 0; color: #fff; font: 500 22px/23px system-ui;
  opacity: 0; transition: opacity .12s; }
.orthant-table-insert:is(:hover, :focus-visible)::before { width: 24px; height: 24px; background: #3c6dce; }
.orthant-table-insert:is(:hover, :focus-visible)::after { opacity: 1; }
.orthant-table-selection { position: fixed; z-index: 1; box-sizing: border-box; border: 2px solid #3c6dce;
  background: #3c6dce1c; pointer-events: none; }
.orthant-table-deletebar { position: fixed; z-index: 5; display: flex; align-items: center; gap: 8px; height: 34px;
  padding: 0 4px 0 11px; border: 1px solid #d5d8dd; border-radius: 8px; background: #fff; color: #30343b;
  box-shadow: 0 6px 22px #16203326; font: 600 13px/1 system-ui; pointer-events: auto; }
.orthant-table-deletebar button { display: grid; place-items: center; width: 30px; height: 28px; padding: 0; border: 0;
  border-radius: 6px; background: transparent; color: #656e7b; cursor: pointer; }
.orthant-table-deletebar button:hover { background: #f1eeee; color: #a53b35; }
.orthant-table-deletebar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round;
  stroke-linejoin: round; stroke-width: 1.8; }
.orthant-table-panel { position: fixed; z-index: 90; width: 250px; max-width: calc(100vw - 16px); padding: 14px;
  border: 1px solid #d5d8dd; border-radius: 12px; background: #fff; color: #30343b;
  box-shadow: 0 8px 32px #16203326; font-size: 14px; line-height: 1.5; user-select: none; }
.orthant-table-panel[hidden] { display: none; }
.orthant-table-handles.orthant-table-fullscreen { z-index: 10001; }
.orthant-table-panel.orthant-table-fullscreen { z-index: 10002; }
.orthant-table-panel strong { display: block; padding-right: 24px; margin-bottom: 12px; }
.orthant-table-panel button { border: 1px solid #d5d8dd; border-radius: 6px; background: #f5f6f7; color: inherit;
  padding: 7px 9px; font: inherit; cursor: pointer; }
.orthant-table-panel button:hover { background: #e9edf2; }
.orthant-table-panel .orthant-table-close { position: absolute; right: 10px; top: 8px; border: 0; background: none;
  font-size: 22px; padding: 0 5px; }
.orthant-table-picker { width: 274px; }
.orthant-table-grid { display: grid; gap: 4px; touch-action: manipulation; }
.orthant-table-grid [role="row"] { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 4px; }
.orthant-table-grid button { padding: 0; aspect-ratio: 1; min-width: 0; border-radius: 3px; background: #fff;
  border: 1px solid #d5d8dd; outline-offset: 1px; }
.orthant-table-grid button[aria-selected="true"] { background: #dbeafe; border-color: #8aabdc; }
.orthant-table-grid button:hover, .orthant-table-grid button:focus-visible { border-color: #4b78b5; }
.orthant-table-grid-count { display: block; margin-top: 11px; font-size: 13px; color: #656e7b; }
.dark .orthant-table-panel { background: #24262b; border-color: #454950; color: #dce0e5; }
.dark .orthant-table-panel button { background: #30343b; border-color: #454950; }
.dark .orthant-table-panel button:hover { background: #3a414b; }
.dark .orthant-table-axis:is(:hover, :focus-visible, :active) { background: #92b4f528; }
.dark .orthant-table-axis-column[aria-pressed="true"] { border-bottom-color: #92b4f5; background: #92b4f528; }
.dark .orthant-table-axis-row[aria-pressed="true"] { border-right-color: #92b4f5; background: #92b4f528; }
.dark .orthant-table-insert::before { background: #727881; }
.dark .orthant-table-insert:is(:hover, :focus-visible)::before { background: #638ee6; }
.dark .orthant-table-selection { border-color: #92b4f5; background: #638ee629; }
.dark .orthant-table-deletebar { border-color: #454950; background: #24262b; color: #dce0e5; }
.dark .orthant-table-deletebar button { color: #aab2be; }
.dark .orthant-table-deletebar button:hover { background: #432d2d; color: #f0a39d; }
.dark .orthant-table-grid button { background: #24262b; border-color: #58616f; }
.dark .orthant-table-grid button[aria-selected="true"] { background: #28466b; border-color: #789bc9; }
.dark .orthant-table-grid-count { color: #aab2be; }
@media (max-width: 520px) {
  .orthant-inline-editor .vditor-reset table { width: calc(100% - 8px) !important; margin-left: 8px; }
}
@media (pointer: coarse) {
  .orthant-table-axis { min-width: 24px; min-height: 24px; }
  .orthant-table-insert::before { width: 8px; height: 8px; }
  .orthant-table-insert:is(:focus-visible, :active)::before { width: 24px; height: 24px; }
  .orthant-table-insert:is(:focus-visible, :active)::after { opacity: 1; }
  .orthant-table-resize-column { width: 16px; margin-left: -3px; }
  .orthant-table-resize-row { height: 16px; margin-top: -3px; }
  .orthant-table-resize-column::after { left: 7px; background: #7188a855; }
  .orthant-table-resize-row::after { top: 7px; background: #7188a855; }
}