/* Quiz diagram cards — CSS blueprints for picker options */
.g-quiz-options--diagrams {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
}

@media (min-width: 520px) {
  .g-quiz-options--diagrams { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 900px) {
  .g-project-picker .g-quiz-options--diagrams { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.g-quiz-diagram-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 1.5px solid var(--color-border);
  border-radius: 16px;
  background: var(--color-snow);
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.g-quiz-diagram-card:hover {
  border-color: #cfcfcf;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.g-quiz-diagram-card.is-selected {
  border-color: var(--color-tangerine-tag);
  box-shadow: 0 0 0 3px rgba(253, 120, 35, 0.14);
}

.g-quiz-diagram-card__art {
  position: relative;
  aspect-ratio: 4 / 3;
  padding: 14px;
  background: linear-gradient(145deg, #fafafa 0%, #f3f3f3 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.g-quiz-diagram-card.is-selected .g-quiz-diagram-card__art {
  background: linear-gradient(145deg, #fff9f2 0%, #fff3e6 100%);
}

.g-quiz-diagram-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px 14px;
}

.g-quiz-diagram-card__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-carbon);
}

.g-quiz-diagram-card__hint {
  font-size: 12px;
  line-height: 1.4;
  color: var(--color-stone);
}

.qz-diagram {
  --qz-line: #2f2f2f;
  --qz-fill: rgba(47, 47, 47, 0.1);
  --qz-accent: var(--color-tangerine-tag, #fd7823);
  --qz-accent-fill: rgba(253, 120, 35, 0.14);
  --qz-grid: rgba(0, 0, 0, 0.06);
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background:
    linear-gradient(var(--qz-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--qz-grid) 1px, transparent 1px);
  background-size: 14px 14px;
}

.g-quiz-diagram-card.is-selected .qz-diagram {
  --qz-line: var(--qz-accent);
  --qz-fill: var(--qz-accent-fill);
}

.qz-room {
  position: absolute;
  inset: 10%;
  border: 1.5px dashed rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.qz-unit {
  position: absolute;
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 4px;
}

.qz-unit--h { left: 16%; right: 16%; bottom: 14%; height: 18%; }
.qz-unit--v { left: 14%; top: 22%; bottom: 14%; width: 18%; }
.qz-unit--vl { left: 14%; right: auto; width: 16%; }
.qz-unit--vr { right: 14%; left: auto; width: 16%; }
.qz-unit--wave {
  left: 18%; right: 18%; bottom: 16%; height: 20%;
  border-radius: 40% 60% 45% 55% / 35% 40% 60% 65%;
}

.qz-island {
  position: absolute;
  left: 34%; right: 34%; top: 38%; bottom: 38%;
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 6px;
}

.qz-diagram--doors .qz-track {
  position: absolute;
  left: 10%; right: 10%; top: 12%; height: 4px;
  background: var(--qz-line);
  border-radius: 2px;
}

.qz-diagram--doors .qz-door {
  position: absolute;
  top: 18%; bottom: 14%; width: 22%;
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 3px;
}

.qz-diagram--doors .qz-door:nth-of-type(2) { left: 14%; }
.qz-diagram--doors .qz-door:nth-of-type(3) { left: 39%; }
.qz-diagram--doors.qz-diagram--doors-3 .qz-door:nth-of-type(4) { left: 64%; }
.qz-diagram--doors.qz-diagram--doors-4 .qz-door { width: 16%; }
.qz-diagram--doors.qz-diagram--doors-4 .qz-door:nth-of-type(2) { left: 12%; }
.qz-diagram--doors.qz-diagram--doors-4 .qz-door:nth-of-type(3) { left: 31%; }
.qz-diagram--doors.qz-diagram--doors-4 .qz-door:nth-of-type(4) { left: 50%; }
.qz-diagram--doors.qz-diagram--doors-4 .qz-door:nth-of-type(5) { left: 69%; }

.qz-furn {
  position: absolute;
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 4px;
}

.qz-furn--wardrobe { left: 28%; right: 28%; top: 12%; bottom: 12%; }
.qz-furn--wardrobe::before,
.qz-furn--wardrobe::after {
  content: '';
  position: absolute;
  top: 8%; bottom: 8%; width: 2px;
  background: var(--qz-line);
  opacity: 0.45;
}
.qz-furn--wardrobe::before { left: 33%; }
.qz-furn--wardrobe::after { left: 66%; }

.qz-furn--dresser { left: 30%; right: 30%; top: 34%; bottom: 14%; }
.qz-furn--nightstand { left: 38%; right: 38%; top: 40%; bottom: 14%; }
.qz-furn--desk { left: 22%; right: 22%; top: 42%; bottom: 28%; }
.qz-furn--bed {
  left: 18%; right: 18%; top: 44%; bottom: 16%;
  border-radius: 8px 8px 4px 4px;
}

.qz-slab {
  position: absolute;
  left: 12%; right: 12%; top: 28%; bottom: 28%;
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 6px;
}

.qz-cut {
  position: absolute;
  border: 2px dashed var(--qz-line);
  background: rgba(255, 255, 255, 0.55);
}

.qz-cut--round { width: 22%; height: 34%; left: 39%; top: 33%; border-radius: 50%; }
.qz-cut--square { width: 28%; height: 24%; left: 36%; top: 38%; border-radius: 4px; }
.qz-cut--flush { left: 30%; right: 30%; top: 36%; bottom: 36%; border-radius: 8px; border-style: solid; }

.qz-diagram--vanity-double .qz-vanity {
  position: absolute;
  left: 14%; right: 14%; top: 36%; bottom: 16%;
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 4px;
}

.qz-diagram--vanity-double .qz-sink {
  position: absolute;
  top: 22%; width: 20%; height: 22%;
  border: 2px solid var(--qz-line);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
}
.qz-diagram--vanity-double .qz-sink:first-of-type { left: 26%; }
.qz-diagram--vanity-double .qz-sink:last-of-type { right: 26%; }

.qz-diagram--shelf-multi .qz-shelf-col {
  position: absolute;
  top: 14%; bottom: 14%; width: 18%;
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 3px;
}
.qz-diagram--shelf-multi .qz-shelf-col:nth-child(1) { left: 16%; }
.qz-diagram--shelf-multi .qz-shelf-col:nth-child(2) { left: 41%; }
.qz-diagram--shelf-multi .qz-shelf-col:nth-child(3) { left: 66%; }

/* Rulers */
.qz-diagram--length-s::before,
.qz-diagram--length-m::before,
.qz-diagram--length-l::before,
.qz-diagram--length-xl::before,
.qz-diagram--wall-s::before,
.qz-diagram--wall-m::before,
.qz-diagram--wall-l::before,
.qz-diagram--length-2m::before,
.qz-diagram--length-5m::before,
.qz-diagram--length-10m::before,
.qz-diagram--length-10plus::before {
  content: '';
  position: absolute;
  left: 14%; right: 14%; top: 50%; height: 3px;
  background: var(--qz-line);
  border-radius: 2px;
  transform: translateY(-50%);
}

.qz-diagram--length-s::after,
.qz-diagram--wall-s::after,
.qz-diagram--length-2m::after { left: 28%; }
.qz-diagram--length-m::after,
.qz-diagram--wall-m::after,
.qz-diagram--length-5m::after { left: 22%; }
.qz-diagram--length-l::after,
.qz-diagram--wall-l::after,
.qz-diagram--length-10m::after { left: 18%; }
.qz-diagram--length-xl::after,
.qz-diagram--length-10plus::after { left: 16%; }

.qz-diagram--length-s::after,
.qz-diagram--length-m::after,
.qz-diagram--length-l::after,
.qz-diagram--length-xl::after,
.qz-diagram--wall-s::after,
.qz-diagram--wall-m::after,
.qz-diagram--wall-l::after,
.qz-diagram--length-2m::after,
.qz-diagram--length-5m::after,
.qz-diagram--length-10m::after,
.qz-diagram--length-10plus::after {
  content: '';
  position: absolute;
  top: 42%; bottom: 42%; width: 2px;
  background: var(--qz-line);
  border-radius: 1px;
}

/* Areas */
.qz-diagram--area-2::before,
.qz-diagram--area-4::before,
.qz-diagram--area-8::before,
.qz-diagram--area-10::before,
.qz-diagram--area-16::before,
.qz-diagram--area-25::before,
.qz-diagram--area-25plus::before,
.qz-diagram--area-30::before,
.qz-diagram--area-50::before,
.qz-diagram--area-80::before,
.qz-diagram--area-100::before,
.qz-diagram--area-120::before,
.qz-diagram--area-120plus::before,
.qz-diagram--area-300::before,
.qz-diagram--area-300plus::before {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 6px;
}

.qz-diagram--area-2::before { width: 24%; height: 24%; }
.qz-diagram--area-4::before { width: 34%; height: 34%; }
.qz-diagram--area-8::before { width: 48%; height: 48%; }
.qz-diagram--area-10::before { width: 30%; height: 30%; }
.qz-diagram--area-16::before { width: 40%; height: 40%; }
.qz-diagram--area-25::before { width: 50%; height: 50%; }
.qz-diagram--area-25plus::before { width: 62%; height: 62%; }
.qz-diagram--area-30::before { width: 32%; height: 32%; }
.qz-diagram--area-50::before { width: 38%; height: 38%; }
.qz-diagram--area-80::before { width: 48%; height: 48%; }
.qz-diagram--area-100::before { width: 54%; height: 54%; }
.qz-diagram--area-120::before { width: 58%; height: 58%; }
.qz-diagram--area-120plus::before { width: 68%; height: 68%; }
.qz-diagram--area-300::before { width: 56%; height: 56%; }
.qz-diagram--area-300plus::before { width: 72%; height: 72%; }

.qz-diagram--area-room::before {
  content: '';
  position: absolute;
  inset: 14%;
  border: 2px solid var(--qz-line);
  border-radius: 6px;
  background: var(--qz-fill);
}

/* Materials */
.qz-diagram--facade-mdf::before,
.qz-diagram--facade-plastic::before,
.qz-diagram--facade-acrylic::before,
.qz-diagram--facade-veneer::before,
.qz-diagram--facade-combo::before,
.qz-diagram--stone-acrylic::before,
.qz-diagram--stone-quartz::before,
.qz-diagram--stone-hpl::before,
.qz-diagram--finish-wood::before,
.qz-diagram--finish-solid::before,
.qz-diagram--finish-stone::before {
  content: '';
  position: absolute;
  left: 18%; right: 18%; top: 22%; bottom: 22%;
  border: 2px solid var(--qz-line);
  border-radius: 8px;
  background: var(--qz-fill);
}

.qz-diagram--facade-veneer::before,
.qz-diagram--finish-wood::before {
  background: repeating-linear-gradient(90deg, var(--qz-fill) 0 6px, transparent 6px 10px), var(--qz-fill);
}

/* Features */
.qz-diagram--feat-mirror::before {
  content: '';
  position: absolute;
  left: 30%; right: 30%; top: 16%; bottom: 16%;
  border: 2px solid var(--qz-line);
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.15));
}

.qz-diagram--feat-rod::before {
  content: '';
  position: absolute;
  left: 16%; right: 16%; top: 38%; height: 3px;
  background: var(--qz-line);
  box-shadow: 0 -18px 0 var(--qz-line);
}

.qz-diagram--feat-drawers::before,
.qz-diagram--zone-drawers::before {
  content: '';
  position: absolute;
  left: 26%; right: 26%; top: 24%; bottom: 24%;
  border: 2px solid var(--qz-line);
  border-radius: 4px;
  background: var(--qz-fill);
}

.qz-diagram--feat-shelves::before,
.qz-diagram--zone-shoes::before,
.qz-diagram--mod-shoes::before {
  content: '';
  position: absolute;
  left: 24%; right: 24%; top: 20%; bottom: 20%;
  border: 2px solid var(--qz-line);
  border-radius: 4px;
  background: var(--qz-fill);
}

.qz-diagram--feat-light::before {
  content: '';
  position: absolute;
  left: 38%; right: 38%; top: 16%; height: 8px;
  background: var(--qz-line);
  border-radius: 4px;
  box-shadow: 0 14px 40px 8px var(--qz-accent-fill);
}

/* Styles */
.qz-diagram--style-modern::before {
  content: '';
  position: absolute;
  inset: 18%;
  border: 2px solid var(--qz-line);
  background: var(--qz-fill);
}

.qz-diagram--style-classic::before {
  content: '';
  position: absolute;
  inset: 16%;
  border: 2px solid var(--qz-line);
  border-radius: 10px;
  background: var(--qz-fill);
}

.qz-diagram--style-loft::before {
  content: '';
  position: absolute;
  inset: 18%;
  background: repeating-linear-gradient(0deg, var(--qz-line) 0 2px, transparent 2px 12px), var(--qz-fill);
  border: 2px solid var(--qz-line);
}

/* Rooms & business — shared room box */
.qz-diagram--room-adult::before,
.qz-diagram--room-kids::before,
.qz-diagram--room-teen::before,
.qz-diagram--room-guest::before,
.qz-diagram--room-kitchen::before,
.qz-diagram--room-living::before,
.qz-diagram--room-bedroom::before,
.qz-diagram--room-hallway::before,
.qz-diagram--room-bath::before,
.qz-diagram--room-study::before,
.qz-diagram--biz-office::before,
.qz-diagram--biz-shop::before,
.qz-diagram--biz-cafe::before,
.qz-diagram--biz-medical::before,
.qz-diagram--biz-other::before {
  content: '';
  position: absolute;
  inset: 16%;
  border: 2px solid var(--qz-line);
  border-radius: 6px;
  background: var(--qz-fill);
}

.qz-diagram--room-kitchen::after {
  content: '';
  position: absolute;
  left: 22%; right: 22%; bottom: 20%; height: 16%;
  border: 2px solid var(--qz-line);
  border-radius: 3px;
}

.qz-diagram--biz-medical::after {
  content: '+';
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -55%);
  font-size: 28px;
  color: var(--qz-line);
}

/* Budget */
.qz-diagram--budget-1::before,
.qz-diagram--budget-2::before,
.qz-diagram--budget-3::before,
.qz-diagram--budget-4::before,
.qz-diagram--budget-5::before {
  content: '';
  position: absolute;
  left: 20%; bottom: 24%; width: 14%;
  background: var(--qz-line);
  border-radius: 3px 3px 0 0;
}

.qz-diagram--budget-1::before { height: 22%; }
.qz-diagram--budget-2::before { height: 34%; box-shadow: 22px 0 0 var(--qz-line); }
.qz-diagram--budget-3::before { height: 46%; box-shadow: 22px 0 0 var(--qz-line), 44px 0 0 var(--qz-line); }
.qz-diagram--budget-4::before { height: 58%; box-shadow: 22px 0 0 var(--qz-line), 44px 0 0 var(--qz-line), 66px 0 0 var(--qz-line); }
.qz-diagram--budget-5::before { height: 70%; box-shadow: 22px 0 0 var(--qz-line), 44px 0 0 var(--qz-line), 66px 0 0 var(--qz-line), 88px 0 0 var(--qz-line); }

/* Timeline & help */
.qz-diagram--time-fast::before,
.qz-diagram--time-1-2::before,
.qz-diagram--time-3-6::before,
.qz-diagram--time-explore::before,
.qz-diagram--help-consult::before,
.qz-diagram--help-designer::before,
.qz-diagram--help-catalog::before,
.qz-diagram--help-unknown::before,
.qz-diagram--budget-unknown::before {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  width: 38%; height: 38%;
  transform: translate(-50%, -50%);
  border: 2px solid var(--qz-line);
  border-radius: 50%;
  background: var(--qz-fill);
}

.qz-diagram--help-consult::after,
.qz-diagram--help-unknown::after,
.qz-diagram--budget-unknown::after {
  content: '?';
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -58%);
  font-size: 24px;
  color: var(--qz-line);
}

.qz-diagram--time-fast::after {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  width: 2px; height: 16%;
  background: var(--qz-line);
  transform-origin: bottom center;
  transform: translate(-50%, -100%) rotate(-55deg);
}

.qz-diagram--time-1-2::after,
.qz-diagram--time-3-6::after {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  width: 2px; height: 14%;
  background: var(--qz-line);
  transform-origin: bottom center;
  transform: translate(-50%, -100%) rotate(10deg);
}

.qz-diagram--time-explore::after {
  content: 'i';
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -58%);
  font-size: 22px;
  font-style: italic;
  color: var(--qz-line);
}

.qz-diagram--help-designer::after { content: '✎'; font-size: 20px; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -54%); color: var(--qz-line); }
.qz-diagram--help-catalog::after { content: '▦'; font-size: 18px; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -54%); color: var(--qz-line); }

.qz-diagram--zone-hangers::before,
.qz-diagram--mod-coat::before {
  content: '';
  position: absolute;
  left: 34%; top: 18%; width: 16%; height: 16%;
  border: 2px solid var(--qz-line);
  border-radius: 50% 50% 0 0;
  border-bottom: none;
}

.qz-diagram--zone-hangers::after,
.qz-diagram--mod-coat::after {
  content: '';
  position: absolute;
  left: 20%; right: 20%; top: 42%; height: 3px;
  background: var(--qz-line);
}

.qz-diagram--zone-luggage::before {
  content: '';
  position: absolute;
  left: 28%; right: 28%; top: 30%; bottom: 22%;
  border: 2px solid var(--qz-line);
  border-radius: 6px;
  background: var(--qz-fill);
}

.qz-diagram--mod-bench::before {
  content: '';
  position: absolute;
  left: 22%; right: 22%; top: 46%; bottom: 24%;
  border: 2px solid var(--qz-line);
  border-radius: 4px;
  background: var(--qz-fill);
}

.qz-diagram--mod-coupe::before {
  content: '';
  position: absolute;
  left: 20%; right: 20%; top: 18%; bottom: 18%;
  border: 2px solid var(--qz-line);
  background: var(--qz-fill);
}

.qz-diagram--mod-coupe::after {
  content: '';
  position: absolute;
  left: 38%; top: 18%; bottom: 18%; width: 2px;
  background: var(--qz-line);
  box-shadow: 22px 0 0 var(--qz-line);
  opacity: 0.45;
}

.qz-diagram--scope-reception::before,
.qz-diagram--scope-desks::before,
.qz-diagram--scope-partition::before,
.qz-diagram--scope-stone::before {
  content: '';
  position: absolute;
  left: 16%; right: 16%; top: 38%; bottom: 22%;
  border: 2px solid var(--qz-line);
  border-radius: 4px;
  background: var(--qz-fill);
}

.qz-diagram--scope-shelves::before {
  content: '';
  position: absolute;
  left: 28%; right: 28%; top: 16%; bottom: 16%;
  border: 2px solid var(--qz-line);
  background: var(--qz-fill);
}

.qz-diagram--scope-partition::after {
  content: '';
  position: absolute;
  left: 48%; top: 22%; bottom: 22%; width: 2px;
  background: var(--qz-line);
}

.qz-diagram--vanity-s::before,
.qz-diagram--vanity-m::before,
.qz-diagram--vanity-l::before,
.qz-diagram--vanity-cabinet-only::before {
  content: '';
  position: absolute;
  top: 36%; bottom: 18%;
  border: 2px solid var(--qz-line);
  border-radius: 4px;
  background: var(--qz-fill);
}

.qz-diagram--vanity-s::before { left: 34%; right: 34%; }
.qz-diagram--vanity-m::before { left: 28%; right: 28%; }
.qz-diagram--vanity-l::before { left: 18%; right: 18%; }
.qz-diagram--vanity-cabinet-only::before { left: 24%; right: 24%; top: 30%; bottom: 16%; }

.qz-diagram--hpl-top::before,
.qz-diagram--hpl-facade::before,
.qz-diagram--hpl-wall::before,
.qz-diagram--hpl-sill::before,
.qz-diagram--cut-splash::before,
.qz-diagram--sill-standard::before,
.qz-diagram--sill-wide::before,
.qz-diagram--sill-desktop::before {
  content: '';
  position: absolute;
  border: 2px solid var(--qz-line);
  border-radius: 4px;
  background: var(--qz-fill);
}

.qz-diagram--hpl-top::before { left: 12%; right: 12%; top: 40%; bottom: 36%; }
.qz-diagram--hpl-facade::before { left: 32%; right: 32%; top: 16%; bottom: 16%; border-radius: 6px; }
.qz-diagram--hpl-wall::before { left: 20%; right: 20%; top: 14%; bottom: 14%; }
.qz-diagram--hpl-sill::before,
.qz-diagram--sill-standard::before { left: 14%; right: 14%; top: 46%; bottom: 42%; }
.qz-diagram--sill-wide::before { left: 10%; right: 10%; top: 44%; bottom: 40%; }
.qz-diagram--sill-desktop::before { left: 8%; right: 8%; top: 42%; bottom: 38%; }
.qz-diagram--cut-splash::before { left: 14%; right: 14%; top: 30%; bottom: 28%; border-radius: 0; }

.qz-diagram--cut-seamless::before {
  content: '';
  position: absolute;
  left: 10%; right: 10%; top: 34%; bottom: 34%;
  background: var(--qz-fill);
  border: 2px solid var(--qz-line);
  border-radius: 6px;
}

.qz-diagram--shelf-3::before,
.qz-diagram--shelf-5::before {
  content: '';
  position: absolute;
  left: 30%; right: 30%; top: 16%; bottom: 16%;
  border: 2px solid var(--qz-line);
  background: var(--qz-fill);
}

.qz-diagram--shelf-3::after {
  content: '';
  position: absolute;
  left: 32%; right: 32%; top: 36%; height: 2px;
  background: var(--qz-line);
  opacity: 0.4;
}

.qz-diagram--shelf-5::after {
  content: '';
  position: absolute;
  left: 32%; right: 32%; top: 28%; height: 2px;
  background: var(--qz-line);
  box-shadow: 0 14px 0 var(--qz-line), 0 28px 0 var(--qz-line), 0 42px 0 var(--qz-line);
  opacity: 0.4;
}

.qz-diagram--purpose-home::before,
.qz-diagram--purpose-office::before,
.qz-diagram--purpose-storage::before,
.qz-diagram--purpose-retail::before {
  content: '';
  position: absolute;
  left: 22%; right: 22%; top: 20%; bottom: 20%;
  border: 2px solid var(--qz-line);
  border-radius: 5px;
  background: var(--qz-fill);
}

.qz-diagram--room-kids::after {
  content: '★';
  position: absolute;
  right: 22%; top: 22%;
  font-size: 18px;
  color: var(--qz-line);
}

.qz-diagram--wall-corner .qz-dot {
  position: absolute;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--qz-line);
}
.qz-diagram--wall-corner .qz-dot--1 { top: 24%; right: 22%; }
.qz-diagram--wall-corner .qz-dot--2 { bottom: 28%; left: 42%; }

.qz-diagram--feat-shelves::after,
.qz-diagram--zone-shoes::after,
.qz-diagram--mod-shoes::after {
  content: '';
  position: absolute;
  left: 26%; right: 26%; top: 38%; height: 2px;
  background: var(--qz-line);
  box-shadow: 0 18px 0 var(--qz-line);
  opacity: 0.45;
}

.qz-diagram--facade-plastic::before { border-radius: 12px; }
.qz-diagram--facade-combo::before { background: linear-gradient(90deg, var(--qz-fill) 50%, rgba(255, 255, 255, 0.5) 50%); }
.qz-diagram--stone-quartz::before {
  background:
    radial-gradient(circle at 30% 40%, rgba(255, 255, 255, 0.55) 0 3px, transparent 3px),
    radial-gradient(circle at 62% 58%, rgba(255, 255, 255, 0.45) 0 2px, transparent 2px),
    var(--qz-fill);
}