/* VYNDEXO_BG_REMOVER_20260904 -- base styling now superseded/duplicated by the
   .lc-bgr* rules added directly in index.html (BGRPANEL_20260905), which are
   loaded first and already match the compact sidebar scale used by every
   other tool panel (Blend Modes, Color Grade, Photo Filters). Kept empty
   here (rather than deleting the file/link) so this stylesheet no longer
   overrides index.html's sizing with mismatched values or fights the
   chooser's JS-controlled visibility, while avoiding a 404 on the existing
   <link> tag and avoiding any change beyond what was actually reported broken. */

/* VYNDEXO_TOOLS_CHOOSER_LAYOUT_20260905 -- previously forced
   `display:flex !important` on .lc-tools-chooser unconditionally, which
   permanently overrode the `chooser.style.display = 'none'` that
   setToolsChooserVisible() sets from JS every time a tool panel opens --
   inline styles cannot win against an !important CSS rule. That one rule is
   why Crop/Blend Modes/Color Grade/Photo Filters/Background Remover all kept
   showing the full button list stacked above their own panel instead of
   hiding it. Layout below is unchanged from before EXCEPT display is no
   longer forced, so JS visibility toggling actually takes effect. */
.lc-tools-chooser {
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 5px !important;
  padding: 4px !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.lc-tools-chooser > button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  text-align: left !important;
  line-height: 1.15 !important;
}

/* VYNDEXO_CANVAS_MAXIMIZE_VISUAL_20260909 */

/* Enlarge button: blue whether the Canvas is small or enlarged. */
button[onclick*="LayerCanvas.toggleTileMaximize"] {
  background: var(--accent, #1d6ff4) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.22),
    0 0 12px rgba(29,111,244,.45) !important;
}

button[onclick*="LayerCanvas.toggleTileMaximize"]:hover {
  background: var(--accent2, #4a8ff6) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  filter: brightness(1.08) !important;
}

/* Remove the unnecessary “x / 20 layers” text behind the controls. */
.lc-tile-count {
  display: none !important;
}