:root {
  --orthant-format-black: #242424; --orthant-format-gray: #656565; --orthant-format-brown: #80543a;
  --orthant-format-red: #b52e2e; --orthant-format-rose: #a82a60; --orthant-format-orange: #984900;
  --orthant-format-amber: #846000; --orthant-format-yellow: #756100; --orthant-format-olive: #626b1a;
  --orthant-format-green: #216a3a; --orthant-format-teal: #17665f; --orthant-format-cyan: #126277;
  --orthant-format-blue: #285db9; --orthant-format-indigo: #5146b3; --orthant-format-purple: #7c3dae;
  --orthant-format-pink: #9e3078;
  --orthant-highlight-white: #fff;
  --orthant-highlight-black: #e6e6e6; --orthant-highlight-gray: #eee; --orthant-highlight-brown: #f3e7dd;
  --orthant-highlight-red: #ffe4e4; --orthant-highlight-rose: #ffe2ec; --orthant-highlight-orange: #ffead8;
  --orthant-highlight-amber: #ffedcc; --orthant-highlight-yellow: #fff3bf; --orthant-highlight-olive: #eef1cf;
  --orthant-highlight-green: #dff2df; --orthant-highlight-teal: #dcf1eb; --orthant-highlight-cyan: #def1f7;
  --orthant-highlight-blue: #e1edff; --orthant-highlight-indigo: #e8e6fa; --orthant-highlight-purple: #eee3f8;
  --orthant-highlight-pink: #f9e2f3;
  --orthant-highlight-slate: #303238; --orthant-highlight-wine: #5b2530; --orthant-highlight-rust: #603516;
  --orthant-highlight-forest: #174633; --orthant-highlight-navy: #193b61; --orthant-highlight-violet: #46285b;
}
.dark {
  --orthant-format-black: #ededed; --orthant-format-gray: #b5b5b5; --orthant-format-brown: #d5b097;
  --orthant-format-red: #ff9292; --orthant-format-rose: #f79abf; --orthant-format-orange: #efad65;
  --orthant-format-amber: #eac078; --orthant-format-yellow: #e6c468; --orthant-format-olive: #c6ce83;
  --orthant-format-green: #81c798; --orthant-format-teal: #80ccc0; --orthant-format-cyan: #85c8e1;
  --orthant-format-blue: #8cbbff; --orthant-format-indigo: #b0a8ff; --orthant-format-purple: #c7a0ef;
  --orthant-format-pink: #e9a0d4;
  --orthant-highlight-black: #414141; --orthant-highlight-gray: #3d3d3d; --orthant-highlight-brown: #49392f;
  --orthant-highlight-red: #543136; --orthant-highlight-rose: #512f40; --orthant-highlight-orange: #513a26;
  --orthant-highlight-amber: #4a3d24; --orthant-highlight-yellow: #494326; --orthant-highlight-olive: #3e422a;
  --orthant-highlight-green: #294537; --orthant-highlight-teal: #29433f; --orthant-highlight-cyan: #29424d;
  --orthant-highlight-blue: #2d3e54; --orthant-highlight-indigo: #3a3654; --orthant-highlight-purple: #44334f;
  --orthant-highlight-pink: #4d3247;
}
.orthant-formatted,
.orthant-inline-editor .vditor-reset :is(a.orthant-formatted, .vditor-ir__link.orthant-formatted) {
  color: inherit; text-decoration: none;
}
.orthant-text-black, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-black { color: var(--orthant-format-black); }
.orthant-text-gray, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-gray { color: var(--orthant-format-gray); }
.orthant-text-brown, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-brown { color: var(--orthant-format-brown); }
.orthant-text-red, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-red { color: var(--orthant-format-red); }
.orthant-text-rose, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-rose { color: var(--orthant-format-rose); }
.orthant-text-orange, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-orange { color: var(--orthant-format-orange); }
.orthant-text-amber, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-amber { color: var(--orthant-format-amber); }
.orthant-text-yellow, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-yellow { color: var(--orthant-format-yellow); }
.orthant-text-olive, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-olive { color: var(--orthant-format-olive); }
.orthant-text-green, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-green { color: var(--orthant-format-green); }
.orthant-text-teal, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-teal { color: var(--orthant-format-teal); }
.orthant-text-cyan, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-cyan { color: var(--orthant-format-cyan); }
.orthant-text-blue, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-blue { color: var(--orthant-format-blue); }
.orthant-text-indigo, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-indigo { color: var(--orthant-format-indigo); }
.orthant-text-purple, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-purple { color: var(--orthant-format-purple); }
.orthant-text-pink, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-pink { color: var(--orthant-format-pink); }
.orthant-text-black { --orthant-on-light: #242424; --orthant-on-deep: #ededed; }
.orthant-text-gray { --orthant-on-light: #656565; --orthant-on-deep: #b5b5b5; }
.orthant-text-brown { --orthant-on-light: #80543a; --orthant-on-deep: #d5b097; }
.orthant-text-red { --orthant-on-light: #b52e2e; --orthant-on-deep: #ff9292; }
.orthant-text-rose { --orthant-on-light: #a82a60; --orthant-on-deep: #f79abf; }
.orthant-text-orange { --orthant-on-light: #984900; --orthant-on-deep: #efad65; }
.orthant-text-amber { --orthant-on-light: #846000; --orthant-on-deep: #eac078; }
.orthant-text-yellow { --orthant-on-light: #756100; --orthant-on-deep: #e6c468; }
.orthant-text-olive { --orthant-on-light: #626b1a; --orthant-on-deep: #c6ce83; }
.orthant-text-green { --orthant-on-light: #216a3a; --orthant-on-deep: #81c798; }
.orthant-text-teal { --orthant-on-light: #17665f; --orthant-on-deep: #80ccc0; }
.orthant-text-cyan { --orthant-on-light: #126277; --orthant-on-deep: #85c8e1; }
.orthant-text-blue { --orthant-on-light: #285db9; --orthant-on-deep: #8cbbff; }
.orthant-text-indigo { --orthant-on-light: #5146b3; --orthant-on-deep: #b0a8ff; }
.orthant-text-purple { --orthant-on-light: #7c3dae; --orthant-on-deep: #c7a0ef; }
.orthant-text-pink { --orthant-on-light: #9e3078; --orthant-on-deep: #e9a0d4; }
.orthant-highlight-white { background-color: var(--orthant-highlight-white); }
.orthant-highlight-black { background-color: var(--orthant-highlight-black); }
.orthant-highlight-gray { background-color: var(--orthant-highlight-gray); }
.orthant-highlight-brown { background-color: var(--orthant-highlight-brown); }
.orthant-highlight-red { background-color: var(--orthant-highlight-red); }
.orthant-highlight-rose { background-color: var(--orthant-highlight-rose); }
.orthant-highlight-orange { background-color: var(--orthant-highlight-orange); }
.orthant-highlight-amber { background-color: var(--orthant-highlight-amber); }
.orthant-highlight-yellow { background-color: var(--orthant-highlight-yellow); }
.orthant-highlight-olive { background-color: var(--orthant-highlight-olive); }
.orthant-highlight-green { background-color: var(--orthant-highlight-green); }
.orthant-highlight-teal { background-color: var(--orthant-highlight-teal); }
.orthant-highlight-cyan { background-color: var(--orthant-highlight-cyan); }
.orthant-highlight-blue { background-color: var(--orthant-highlight-blue); }
.orthant-highlight-indigo { background-color: var(--orthant-highlight-indigo); }
.orthant-highlight-purple { background-color: var(--orthant-highlight-purple); }
.orthant-highlight-pink { background-color: var(--orthant-highlight-pink); }
.orthant-highlight-slate { background-color: var(--orthant-highlight-slate); }
.orthant-highlight-wine { background-color: var(--orthant-highlight-wine); }
.orthant-highlight-rust { background-color: var(--orthant-highlight-rust); }
.orthant-highlight-forest { background-color: var(--orthant-highlight-forest); }
.orthant-highlight-navy { background-color: var(--orthant-highlight-navy); }
.orthant-highlight-violet { background-color: var(--orthant-highlight-violet); }
.orthant-formatted:is(.orthant-highlight-slate, .orthant-highlight-wine, .orthant-highlight-rust,
  .orthant-highlight-forest, .orthant-highlight-navy, .orthant-highlight-violet),
.orthant-inline-editor .vditor-reset .orthant-formatted:is(.orthant-highlight-slate, .orthant-highlight-wine,
  .orthant-highlight-rust, .orthant-highlight-forest, .orthant-highlight-navy, .orthant-highlight-violet) {
  color: var(--orthant-on-deep, #f8fafc) !important;
}
.orthant-formatted.orthant-highlight-white,
.orthant-inline-editor .vditor-reset .orthant-formatted.orthant-highlight-white {
  color: var(--orthant-on-light, #242424) !important;
}
.orthant-formatted[class*="orthant-highlight-"] {
  border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.orthant-text-underline, .orthant-inline-editor .vditor-reset .orthant-formatted.orthant-text-underline {
  text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .18em;
}
.orthant-format-panel {
  position: fixed; z-index: 500; box-sizing: border-box; width: 328px; max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 24px); overflow-y: auto; padding: 12px; border: 1px solid #dedede; border-radius: 9px;
  background: #fff; color: #242424; box-shadow: 0 8px 28px #00000024; font-size: 12px; line-height: 1.5;
}
.orthant-format-panel[hidden] { display: none !important; }
.vditor--fullscreen .orthant-format-panel { z-index: 10002; }
.dark .orthant-format-panel { border-color: #454545; background: #242424; color: #e0e0e0; }
.orthant-format-panel > strong { display: block; margin: 0 0 9px; font-size: 12px; font-weight: 600; }
.orthant-color-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; }
#orthant-editor-anchor .orthant-format-panel button {
  display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 34px;
  padding: 6px; border: 1px solid transparent; border-radius: 5px; color: inherit; background: transparent;
  font-size: 12px; line-height: 1.4;
}
#orthant-editor-anchor .orthant-format-panel button:hover,
#orthant-editor-anchor .orthant-format-panel button[aria-pressed="true"] { border-color: #aaa; background: #f3f3f3; }
.dark #orthant-editor-anchor .orthant-format-panel button:hover,
.dark #orthant-editor-anchor .orthant-format-panel button[aria-pressed="true"] {
  border-color: #888; background: #353535;
}
.orthant-color-swatch > span {
  display: block; flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--orthant-format-swatch);
  box-shadow: inset 0 0 0 1px #00000020;
}
.dark .orthant-color-swatch > span { box-shadow: inset 0 0 0 1px #ffffff26; }
.orthant-color-swatch[data-color="white"] { --orthant-highlight-swatch: var(--orthant-highlight-white); }
.orthant-color-swatch[data-color="black"] { --orthant-format-swatch: var(--orthant-format-black); --orthant-highlight-swatch: var(--orthant-highlight-black); }
.orthant-color-swatch[data-color="gray"] { --orthant-format-swatch: var(--orthant-format-gray); --orthant-highlight-swatch: var(--orthant-highlight-gray); }
.orthant-color-swatch[data-color="brown"] { --orthant-format-swatch: var(--orthant-format-brown); --orthant-highlight-swatch: var(--orthant-highlight-brown); }
.orthant-color-swatch[data-color="red"] { --orthant-format-swatch: var(--orthant-format-red); --orthant-highlight-swatch: var(--orthant-highlight-red); }
.orthant-color-swatch[data-color="rose"] { --orthant-format-swatch: var(--orthant-format-rose); --orthant-highlight-swatch: var(--orthant-highlight-rose); }
.orthant-color-swatch[data-color="orange"] { --orthant-format-swatch: var(--orthant-format-orange); --orthant-highlight-swatch: var(--orthant-highlight-orange); }
.orthant-color-swatch[data-color="amber"] { --orthant-format-swatch: var(--orthant-format-amber); --orthant-highlight-swatch: var(--orthant-highlight-amber); }
.orthant-color-swatch[data-color="yellow"] { --orthant-format-swatch: var(--orthant-format-yellow); --orthant-highlight-swatch: var(--orthant-highlight-yellow); }
.orthant-color-swatch[data-color="olive"] { --orthant-format-swatch: var(--orthant-format-olive); --orthant-highlight-swatch: var(--orthant-highlight-olive); }
.orthant-color-swatch[data-color="green"] { --orthant-format-swatch: var(--orthant-format-green); --orthant-highlight-swatch: var(--orthant-highlight-green); }
.orthant-color-swatch[data-color="teal"] { --orthant-format-swatch: var(--orthant-format-teal); --orthant-highlight-swatch: var(--orthant-highlight-teal); }
.orthant-color-swatch[data-color="cyan"] { --orthant-format-swatch: var(--orthant-format-cyan); --orthant-highlight-swatch: var(--orthant-highlight-cyan); }
.orthant-color-swatch[data-color="blue"] { --orthant-format-swatch: var(--orthant-format-blue); --orthant-highlight-swatch: var(--orthant-highlight-blue); }
.orthant-color-swatch[data-color="indigo"] { --orthant-format-swatch: var(--orthant-format-indigo); --orthant-highlight-swatch: var(--orthant-highlight-indigo); }
.orthant-color-swatch[data-color="purple"] { --orthant-format-swatch: var(--orthant-format-purple); --orthant-highlight-swatch: var(--orthant-highlight-purple); }
.orthant-color-swatch[data-color="pink"] { --orthant-format-swatch: var(--orthant-format-pink); --orthant-highlight-swatch: var(--orthant-highlight-pink); }
.orthant-color-swatch[data-color="slate"] { --orthant-highlight-swatch: var(--orthant-highlight-slate); }
.orthant-color-swatch[data-color="wine"] { --orthant-highlight-swatch: var(--orthant-highlight-wine); }
.orthant-color-swatch[data-color="rust"] { --orthant-highlight-swatch: var(--orthant-highlight-rust); }
.orthant-color-swatch[data-color="forest"] { --orthant-highlight-swatch: var(--orthant-highlight-forest); }
.orthant-color-swatch[data-color="navy"] { --orthant-highlight-swatch: var(--orthant-highlight-navy); }
.orthant-color-swatch[data-color="violet"] { --orthant-highlight-swatch: var(--orthant-highlight-violet); }
.orthant-format-panel[data-kind="highlight"] .orthant-color-swatch > span { background: var(--orthant-highlight-swatch); }
.orthant-inline-editor .vditor-ir .orthant-format-link :is([data-type="strong"], [data-type="em"], [data-type="s"])
  > .vditor-ir__marker { display: none; }
.orthant-inline-editor .vditor-ir .orthant-format-link :is([data-type="strong"], [data-type="em"], [data-type="s"]) {
  padding: 0;
}
.orthant-no-highlight { width: 100%; margin-bottom: 9px; border-color: #dedede !important; justify-content: flex-start !important; }
.dark .orthant-no-highlight { border-color: #454545 !important; }
.orthant-no-highlight-icon {
  position: relative; display: inline-block; flex: none; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 3px;
  background: repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 / 8px 8px;
}
.orthant-no-highlight-icon::after {
  position: absolute; top: 8px; left: -2px; width: 22px; height: 2px; border-radius: 1px; background: #c73737;
  content: ""; transform: rotate(-45deg);
}
.orthant-format-actions { display: flex; gap: 6px; padding-top: 9px; margin-top: 9px; border-top: 1px solid #dedede; }
.dark .orthant-format-actions { border-top-color: #454545; }
.orthant-format-actions > button { flex: 1; }
.orthant-underline-icon {
  display: inline-block; font: 600 18px/1 system-ui, sans-serif; text-decoration: underline; text-underline-offset: 3px;
}
.orthant-color-icon { display: inline-block; font: 600 18px/1 system-ui, sans-serif; border-bottom: 3px solid var(--orthant-format-red); }
.orthant-highlight-icon {
  display: inline-block; padding: 1px 3px; border-radius: 2px; font: 600 18px/1 system-ui, sans-serif;
  color: var(--orthant-format-black); background: var(--orthant-highlight-yellow);
}
@media (max-width: 600px), (pointer: coarse) {
  .orthant-color-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  #orthant-editor-anchor .orthant-format-panel button { min-height: 44px; }
}