/* Named text tools: keep controls readable without changing canvas-relative placement. */
.editor-page #canvasArea #objectToolbar.text-mode {
  height:auto!important;
  min-height:68px!important;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools {
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  align-items:center;
  gap:3px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#c4cddd transparent;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools > button {
  display:inline-flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:auto!important;
  min-width:50px!important;
  max-width:none!important;
  height:54px!important;
  min-height:54px!important;
  flex:0 0 auto!important;
  padding:6px 9px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#334155!important;
  font-style:normal;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools > button > svg {
  display:block!important;
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.editor-page #canvasArea #objectToolbar.text-mode .text-tool-label {
  display:block!important;
  flex:0 0 auto;
  margin:0;
  padding:0;
  color:inherit;
  font:600 10px/14px 'Montserrat',sans-serif;
  white-space:nowrap;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools > button:hover {
  background:#f2f6fc!important;
  border-color:#e1eaf6!important;
  color:#0051BB!important;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools > button:is(.active,[aria-pressed="true"],[aria-expanded="true"]) {
  background:#eaf2ff!important;
  border-color:#bfd3f0!important;
  color:#0051BB!important;
  box-shadow:none!important;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools > button:focus-visible {
  outline:2px solid #0051BB;
  outline-offset:-2px;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools > button.danger {
  border-color:#fecaca!important;
  background:#fff5f5!important;
  color:#dc2626!important;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools > button.danger:hover {
  background:#fee2e2!important;
  border-color:#f5aaaa!important;
  color:#b91c1c!important;
}
.editor-page #canvasArea #objectToolbar.text-mode .floating-divider {
  height:34px!important;
  margin:0 4px!important;
}
@media (max-width:768px) {
  .editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools > button {
    min-width:48px!important;
    padding:6px 7px!important;
  }
  .editor-page #canvasArea #objectToolbar.text-mode .floating-divider { margin:0 2px!important; }
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools::-webkit-scrollbar {
  display:block;
  height:4px;
}
.editor-page #canvasArea #objectToolbar.text-mode #textContextTools.text-context-tools::-webkit-scrollbar-thumb {
  border-radius:4px;
  background:#c4cddd;
}