.owp-shape {
  background-color: var(--fabric, #d8c4ad);
  background-image: linear-gradient(var(--fabric-tint),var(--fabric-tint)), var(--fabric-image, none);
  background-size: auto, 18px 18px;
  background-repeat: repeat;
}

.owp-shape.svg { background: #f8f8f8; }

.owp-svg-layer,
.owp-svg-layer svg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.owp-svg-layer [data-owp-material="fabric"] { fill: var(--fabric, #d8c4ad) !important; }
.owp-svg-layer [data-owp-material="wood"] { fill: var(--wood, #8b5d3b) !important; }

.owp-part {
  background-color: var(--fabric, #d8c4ad);
  background-image: linear-gradient(var(--fabric-tint),var(--fabric-tint)), var(--fabric-image, none);
  background-size: auto, 18px 18px;
  background-repeat: repeat;
}

.owp-shape { --fabric-tint: color-mix(in srgb, var(--fabric, #d8c4ad) 78%, transparent); }
.owp-part.wood { background-color:var(--wood,#8b5d3b);background-image:none; }
.owp-part.fixed { background-image:none; }

/* Preserve the selected green ring and fixed/wood material appearance. */
.owp-shape { box-shadow:inset 0 0 0 1px var(--fabric-halo,transparent); }
.owp-module.selected .owp-shape { box-shadow:0 0 0 4px #168a4a28,inset 0 0 0 1px var(--fabric-halo,transparent); }
.owp-part:not(.wood):not(.fixed) { box-shadow:0 0 1px 1px var(--fabric-halo,transparent),inset 0 0 0 1px var(--fabric-halo,transparent); }
.owp-part:not(.wood):not(.fixed) .owp-part-label { color:var(--fabric-label,#493a30); }
.owp-svg-layer [data-owp-material="fabric"] { filter:drop-shadow(0 0 .6px var(--fabric-halo,transparent)); }