#drawing-toolbar {
  position: fixed;
  z-index: 2147483642;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  width: max-content;
  min-width: 0;
  padding: 5px;
  border: 1px solid #455364;
  border-radius: 7px;
  background: #19222ded;
  color: #dbe6f1;
  box-shadow: 0 5px 18px #0007, 0 1px 2px #0008;
  font: 12px/1.3 "Segoe UI", Arial, sans-serif;
  color-scheme: dark;
  overflow: auto;
  overscroll-behavior: contain;
  isolation: isolate;
}
#drawing-toolbar[hidden], #drawing-toolbar [hidden] { display: none !important; }
#drawing-toolbar *, #drawing-toolbar *::before, #drawing-toolbar *::after { box-sizing: border-box; }
#drawing-toolbar .floating-drawing-button,
#drawing-toolbar select,
#drawing-toolbar input[type=color] {
  flex: 0 0 auto;
  height: 30px;
  min-width: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: inherit;
  box-shadow: none;
  cursor: pointer;
}
#drawing-toolbar .floating-drawing-button { display: inline-flex; align-items: center; justify-content: center; width: 30px; padding: 5px; }
#drawing-toolbar .floating-drawing-button svg { display: block; width: 18px; height: 18px; pointer-events: none; }
#drawing-toolbar select { border-color: #3b4a59; padding: 0 4px; background: #111b26; }
#drawing-toolbar #floating-width { width: 50px; }
#drawing-toolbar #floating-line-style { width: 75px; }
#drawing-toolbar #floating-font-size { width: 56px; }
#drawing-toolbar input[type=color] { width: 32px; padding: 4px; border-color: #3b4a59; background: #111b26; }
#drawing-toolbar input[type=color]::-webkit-color-swatch-wrapper { padding: 1px; }
#drawing-toolbar input[type=color]::-webkit-color-swatch { border: 1px solid #ffffff36; border-radius: 2px; }
#drawing-toolbar input[type=color]::-moz-color-swatch { border: 1px solid #ffffff36; border-radius: 2px; }
#drawing-toolbar .floating-drawing-button:hover:not(:disabled),
#drawing-toolbar select:hover:not(:disabled),
#drawing-toolbar input:hover:not(:disabled) { background-color: #314252; border-color: #53697d; }
#drawing-toolbar .floating-drawing-button[aria-pressed=true],
#drawing-toolbar .floating-drawing-button[aria-expanded=true] { color: #67e2bf; background: #15473f; border-color: #286f5e; }
#drawing-toolbar :focus-visible { outline: 2px solid #65d9bd; outline-offset: -1px; }
#drawing-toolbar :disabled { opacity: .35; cursor: default; }
#drawing-toolbar #floating-delete:hover:not(:disabled) { color: #ff999d; background: #512d38; border-color: #75404d; }
#drawing-toolbar .floating-drawing-grip { width: 18px; padding: 1px; cursor: grab; touch-action: none; color: #8296a9; }
#drawing-toolbar .floating-drawing-grip svg { width: 16px; stroke-width: 3.6; }
#drawing-toolbar.is-dragging .floating-drawing-grip { cursor: grabbing; }
#drawing-toolbar #floating-more svg { stroke-width: 3.2; }
#drawing-toolbar #floating-menu { display: flex; flex: 1 0 100%; justify-content: flex-end; flex-wrap: wrap; gap: 4px; border-top: 1px solid #3a4959; margin-top: 3px; padding-top: 4px; }
@media (max-width: 420px) {
  #drawing-toolbar { gap: 2px; padding: 4px; }
  #drawing-toolbar .floating-drawing-button { width: 29px; }
  #drawing-toolbar .floating-drawing-grip { width: 18px; }
  #drawing-toolbar #floating-width { width: 47px; }
  #drawing-toolbar #floating-line-style { width: 70px; }
}