/* Shared obsidian material. Specificity keeps lazy route CSS from recoloring it. */
#root .app-shell.product-shell.original-ui :is(
  .tool-artwork-image,
  .setup-import-artwork > img,
  img.account-tab-artwork,
  .warmup-flame img,
  .home-dashboard-empty img,
  .workspace-module-art img,
  .crm-illustration
) {
  filter: grayscale(1) brightness(.58) contrast(4.5);
}

/* The campaign pack owns its soft colour material; other artwork stays obsidian. */
#root .app-shell.product-shell.original-ui .tool-artwork[data-art-material="matte"] > .tool-artwork-image {
  filter: none;
}

/* Explicit sticker assets retain their ink and colour without recolouring other art. */
#root .app-shell.product-shell.original-ui img[data-art-material="sticker"],
#root .app-shell.product-shell.original-ui .warmup-flame img[data-art-material="sticker"],
#root .app-shell.product-shell.original-ui .setup-import-artwork > img[data-art-material="sticker"],
#root .app-shell.product-shell.original-ui img.account-tab-artwork[data-art-material="sticker"],
#root .app-shell.product-shell.original-ui .tool-artwork[data-art-material="sticker"] > .tool-artwork-image {
  filter: none;
}

/* Objects keep their own alpha; campaign selectors must not add a square tile. */
#root .app-shell.product-shell.original-ui .campaign-artwork {
  background: transparent;
}

/* The monochrome drawings own their ink and white fills. Never crush them. */
#root .app-shell.product-shell.original-ui :is([data-art-material="doodle"] img, img[data-art-material="doodle"], img[src*="/artwork/doodles-v1/"]) {
  filter: none !important;
  opacity: 1;
}

.app-shell.product-shell.original-ui .directory-card .tool-artwork[data-art-material=doodle]{width:76px;height:76px;transform:none;filter:none}.app-shell.product-shell.original-ui .tool-artwork[data-art-material=doodle]>.tool-artwork-image{filter:none!important}.app-shell.product-shell.original-ui .crm-illustration[data-art-material=doodle]{object-fit:contain;filter:none!important}