/* Leonardo Workshop — Studio 0.18
   Custom pictograms from original, supplied Workshop artwork.
   Input source designs are retained in assets/tool-icons/*-source.png.
   UI masks preserve the icons' silhouettes but render in the application ink
   colour, ensuring contrast on the cream header and tool palette. */
.workshop-brand-icon {
  --tool-icon: none;
  display: block;
  flex: none;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask-image: var(--tool-icon);
  mask-image: var(--tool-icon);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}
.workshop-brand-icon--document    {--tool-icon: url('assets/tool-icons/document-ui.png');}
.workshop-brand-icon--spreadsheet {--tool-icon: url('assets/tool-icons/spreadsheet-ui.png');}
.workshop-brand-icon--taskboard   {--tool-icon: url('assets/tool-icons/taskboard-ui.png');}
.workshop-brand-icon--sketchbook  {--tool-icon: url('assets/tool-icons/sketchbook-ui.png');}
/* Tool library: keep the icon frame and its spacing from existing visual language. */
#toolsView .tools button i > .workshop-brand-icon {
  width: 26px;
  height: 26px;
  color: #4d4030;
  margin: auto;
}
/* Canvas headers */
.item > .workshop-card-header > .workshop-brand-icon {
  width: 20px;
  height: 20px;
  color: #5f503e;
}
/* Layers: identical icon vocabulary, scaled to the smaller hierarchy row. */
#navigation .layer-icon .workshop-brand-icon {
  width: 15px;
  height: 15px;
  color: #675b4d;
}
@media (forced-colors: active) {
  .workshop-brand-icon {background-color: CanvasText;}
}