#overlay [data-resize=e], #overlay [data-resize=w] {cursor: ew-resize}
.context-font-size {
  display: flex;
  align-items: center;
  gap: 3px;
  flex: none;
  padding-inline: 4px;
  color: var(--muted);
  font-size: 11px;
}
.context-font-size input {
  width: 44px;
  height: 31px;
  padding: 3px 4px;
  border: 1px solid var(--line);
  border-radius: 5px;
  font-size: 13px;
  color: var(--ink);
}
.context-font-size .square {width: 24px; height: 30px; flex-basis: 24px}
.context-font-size .square svg {width: 15px; height: 15px}
.object-context select[aria-label="Гарнитура"] {width: 96px}
.context-custom-color {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 7px}
.context-custom-color input {width: 38px; height: 28px; padding: 2px}
.context-custom-color input[type=number] {width: 62px; padding: 3px 5px}
.object-text-highlight {align-self: stretch}
#strike-style {text-decoration: line-through}
.type-options {display: grid; gap: 8px; width: min(270px, calc(100vw - 38px)); padding: 8px}
.type-options label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(62px, 92px);
  align-items: center;
  gap: 8px;
}
.type-options input, .type-options select {width: 100%; min-width: 0; padding: 4px 6px}
.type-options input[type=color] {height: 32px}
.type-options input[type=checkbox] {width: auto; justify-self: start}
.ink-palette {display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px}
.ink-palette .note-swatch {width: 100%; height: auto; aspect-ratio: 1}
.type-options summary {cursor: pointer; margin-bottom: 5px}
body:has(#objects > [data-object]) .assistant-cards {display: none}
@media (max-width: 700px) {
  .object-context .square {width: 31px; height: 34px; flex-basis: 31px}
  .object-context .square svg {width: 18px; height: 18px}
}