.tool-button {
  display: block;
  width: 100%;
  padding: var(--ui-tool-button-block-padding) 2px;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: var(--ui-control-label-font-size);
  font-weight: var(--ui-control-label-font-weight);
  cursor: default;
}
.tool-button:disabled { color: var(--ui-value-disabled); opacity: 1; }
.tool-button.ui-draggable-tile {
  display: flex;
  background: var(--ui-surface-draggable);
}
.element-tool-button + .element-tool-button { margin-top: var(--space-2); }
.element-tool-button:not(:disabled) {
  padding-inline: var(--space-5);
}
.element-tool-button:not(:disabled):hover { color: var(--ui-accent); }
.element-tool-button:not(:disabled):hover::before { color: var(--ui-accent); }
.element-tool-drag-ghost {
  position: fixed;
  z-index: 1000;
  min-width: 92px;
  padding: 9px 12px;
  color: var(--ui-value-primary);
  font-size: var(--ui-font-size-body-sm);
  box-shadow: var(--ui-shadow-drag-preview);
  pointer-events: none;
}
body.is-dragging-element-tool,
body.is-dragging-element-tool .element-tool-button { cursor: grabbing; user-select: none; }
.element-tool-drop-placeholder { min-height: 48px; }
.element-tool-drop-placeholder.block-drop-placeholder { margin: 0; }
.element-tool-drop-placeholder.item-drop-placeholder {
  width: auto;
  margin-block: 2px 6px;
}
.list-style-button:not(:disabled) { cursor: pointer; }
.list-style-button:not(:disabled):not(.is-active) { color: var(--ui-value-inactive); }
.list-style-button:not(:disabled):not(.is-active):hover { color: var(--ui-value-primary); }
.list-style-button.is-active { color: var(--ui-accent); font-weight: var(--ui-font-weight-emphasis); }
.time-tool-button {
  display: inline-flex;
  align-items: center;
  gap: var(--ui-control-gap-md);
}
.time-tool-button svg {
  width: var(--ui-tool-icon-size);
  height: var(--ui-tool-icon-size);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
}
.time-tool-button:not(:disabled) { cursor: pointer; }
.time-tool-button:not(:disabled):hover { color: var(--ui-value-primary); }
.time-tool-button.is-active { color: var(--ui-accent); }
.time-tool-button:disabled { color: var(--ui-value-disabled); opacity: 1; }