/* AEM feature 05 · component library + Qixu page composition.
   User reference: component list beside a page preview, one dragged fragment.
   Keep the approved 832 × 520 stage, 48px side insets and 18px UI labels.
   The shared gradient and all other AEM features remain unchanged. */
.adobe-aem__visual.aem-governance {
  position:relative;container:adobe-governance / inline-size;isolation:isolate;
  color:var(--wy-g700);font-family:var(--wy-font-cn);line-height:1.4;
  text-align:start;letter-spacing:normal;
}
.aem-governance__scene { position:absolute;inset:0;z-index:1; }
.aem-governance__scene *,.aem-governance__scene *::before,.aem-governance__scene *::after { box-sizing:border-box; }
.aem-governance__library[lang="en"],.aem-governance__fragment[lang="en"] { font-family:var(--wy-font-en);letter-spacing:normal; }
.aem-governance__library,.aem-governance__canvas,.aem-governance__fragment {
  position:absolute;border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));
  border-radius:1.9231cqw;background:var(--wy-g0);
  box-shadow:0 .9615cqw 2.8846cqw -1.4423cqw color-mix(in srgb,var(--wy-blue-dark) 14%,transparent);
}
.aem-governance__library {
  inset-inline-start:5.7692cqw;inset-block-start:7.6923cqw;inline-size:29.8077cqw;block-size:47.1154cqw;
  display:grid;grid-template-rows:repeat(7,minmax(0,1fr));padding:1.9231cqw;
}
.aem-governance__component {
  display:flex;align-items:center;gap:1.4423cqw;min-inline-size:0;
  border-block-end:1px solid var(--wy-g100);color:var(--wy-g700);
  font-size:2.1635cqw;line-height:1.4;white-space:nowrap;
}
.aem-governance__component:last-child { border-block-end:0; }
.aem-governance__component--selected { color:var(--wy-primary); }
.adobe-aem__visual .aem-governance__icon {
  display:block;flex:none;inline-size:2.8846cqw;block-size:2.8846cqw;
  fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.aem-governance__canvas {
  inset-inline-start:38.4615cqw;inset-block-start:7.6923cqw;inline-size:55.7692cqw;block-size:47.1154cqw;
  display:flex;flex-direction:column;gap:1.9231cqw;padding:1.9231cqw;
}
.aem-governance__website { flex:1;min-block-size:0;overflow:hidden;border-radius:.9615cqw;background:var(--wy-g25); }
.aem-governance__website > img { display:block;inline-size:100%;block-size:100%;max-inline-size:none;border:0;border-radius:0;object-fit:cover;object-position:center top; }
.aem-governance__slots { display:grid;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9615cqw; }
.aem-governance__slot {
  display:flex;align-items:center;justify-content:center;min-inline-size:0;block-size:3.3654cqw;
  padding:.4808cqw .9615cqw;border:1px solid var(--wy-g100);border-radius:.3606cqw;
  color:var(--wy-g500);font-size:1.4423cqw;line-height:1.4;white-space:nowrap;
}
.aem-governance__slot--fragment { border-color:var(--wy-primary-light);color:var(--wy-primary); }
.aem-governance__fragment {
  z-index:2;inset-inline-start:24.0385cqw;inset-block-start:34.1346cqw;inline-size:27.8846cqw;block-size:6.7308cqw;
  display:flex;align-items:center;gap:1.4423cqw;padding:.9615cqw 1.9231cqw;
  color:var(--wy-ink);font-size:2.1635cqw;line-height:1.4;white-space:nowrap;
  box-shadow:0 1.4423cqw 3.8462cqw -1.4423cqw color-mix(in srgb,var(--wy-blue-dark) 16%,transparent),0 .2404cqw .7212cqw color-mix(in srgb,var(--wy-ink) 3%,transparent);
}
.aem-governance__cursor {
  position:absolute;z-index:3;inset-inline-start:48.0769cqw;inset-block-start:38.9423cqw;
  inline-size:5.0481cqw;block-size:6.0096cqw;filter:drop-shadow(0 .2404cqw .2404cqw rgba(22,22,27,.15));
}
.adobe-aem__visual .aem-governance__cursor svg { inline-size:100%;block-size:100%;overflow:visible; }