/* AEM feature 01 · reference: document sources + selected website content +
   floating asset library. Reuse the approved Consumer Insights feature 01
   Qixu website, photography, stage palette and layered window treatment.
   The 832 × 520 illustration scales inside its existing 16:10 media frame. */
.adobe-aem__visual.aem-authoring {
  position:relative;container:adobe-authoring / inline-size;isolation:isolate;
  color:var(--wy-g700);font-family:var(--wy-font-cn);line-height:1.4;
  text-align:left;letter-spacing:normal;
}
.aem-authoring::after {
  content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:14%;
  z-index:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(22,22,27,.07),rgba(22,22,27,.025) 45%,transparent);
}
.aem-authoring__scene { position:absolute;inset:0;z-index:1; }
.aem-authoring__scene *,.aem-authoring__scene *::before,.aem-authoring__scene *::after { box-sizing:border-box; }
.aem-authoring__sources {
  position:absolute;inset-inline-start:5.7692cqw;inset-block-start:5.7692cqw;
  inline-size:21.1538cqw;block-size:6.7308cqw;
  display:flex;align-items:center;justify-content:space-between;padding-inline:1.9231cqw;
  border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));
  border-radius:1.4423cqw;background:var(--wy-g0);
  box-shadow:0 .9615cqw 2.8846cqw -1.4423cqw color-mix(in srgb,var(--wy-blue-dark) 14%,transparent);
}
.aem-authoring__source { display:block;inline-size:5.2885cqw;block-size:5.7692cqw; }
.adobe-aem__visual .aem-authoring__source svg { inline-size:100%;block-size:100%; }
.adobe-aem__visual .aem-authoring__plus { inline-size:2.4038cqw;block-size:2.4038cqw;fill:none;stroke:var(--wy-g700);stroke-width:1.5;stroke-linecap:round; }
.aem-authoring__website {
  position:absolute;inset-inline-start:5.7692cqw;inset-block-start:15.3846cqw;
  inline-size:73.0769cqw;block-size:41.3462cqw;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));
  border-radius:1.4423cqw;background:var(--wy-g0);
  box-shadow:0 .9615cqw 2.8846cqw -1.4423cqw color-mix(in srgb,var(--wy-blue-dark) 14%,transparent);
}
.aem-authoring__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-authoring__selection {
  position:absolute;inset-inline-start:4.35%;inset-block-start:32.05%;
  inline-size:37.8%;block-size:12.84%;border:1px dashed var(--wy-primary);
  border-radius:.2404cqw;
}
.aem-authoring__selection::before {
  content:"标题";position:absolute;inset-inline-start:-1px;inset-block-end:calc(100% + 1px);
  padding:.2404cqw .7212cqw;border-radius:.3606cqw .3606cqw 0 0;
  background:var(--wy-primary);color:var(--wy-g0);
  font-size:1.2019cqw;line-height:1.4;white-space:nowrap;
}
.aem-authoring__assets {
  position:absolute;z-index:2;inset-inline-start:59.6154cqw;inset-block-start:29.8077cqw;
  inline-size:34.6154cqw;padding:1.9231cqw;
  border:1px solid color-mix(in srgb,var(--wy-primary-light) 26%,var(--wy-g100));
  border-radius:1.9231cqw;background:var(--wy-g0);
  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-authoring__assets-head { display:flex;align-items:center;justify-content:space-between;gap:1.4423cqw;margin-block-end:1.4423cqw; }
.aem-authoring__assets-title { color:var(--wy-ink);font-size:2.1635cqw;font-weight:500;white-space:nowrap; }
.aem-authoring__assets-count { color:var(--wy-g500);font-size:1.4423cqw;white-space:nowrap; }
.aem-authoring__thumbnails { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9615cqw; }
.aem-authoring__thumbnail {
  position:relative;display:block;min-inline-size:0;aspect-ratio:1;
  overflow:hidden;border:1px solid var(--wy-g50);border-radius:.9615cqw;background:var(--wy-g25);
}
.aem-authoring__thumbnail img { display:block;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover;border-radius:0; }
.aem-authoring__thumbnail--detail img { position:absolute;inline-size:400%;block-size:auto;inset-inline-start:-250%;inset-block-start:-380%; }
.aem-authoring__thumbnail--selected { border:2px solid var(--wy-primary); }
.aem-authoring__thumbnail--selected img { position:absolute;inline-size:250%;block-size:200%;inset-inline-start:-140%;inset-block-start:-78%; }
.aem-authoring__check {
  position:absolute;inset-inline-end:.4808cqw;inset-block-start:.4808cqw;
  display:grid;place-items:center;inline-size:1.9231cqw;block-size:1.9231cqw;
  border-radius:50%;background:var(--wy-primary);color:var(--wy-g0);
}
.adobe-aem__visual .aem-authoring__check svg { inline-size:70%;block-size:70%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.aem-authoring__collaborator {
  position:absolute;z-index:3;inset-inline-start:88.4615cqw;inset-block-start:50cqw;
  inline-size:5.7692cqw;block-size:5.7692cqw;padding:.3606cqw;
  border-radius:50%;background:var(--wy-g0);box-shadow:0 0 0 .2404cqw var(--wy-primary);
}
.aem-authoring__collaborator img { display:block;inline-size:100%;block-size:100%;object-fit:cover;border-radius:50%; }
.aem-authoring__cursor {
  position:absolute;z-index:4;inset-inline-start:86.5385cqw;inset-block-start:43.2692cqw;
  inline-size:5.0481cqw;block-size:6.0096cqw;
  filter:drop-shadow(0 .2404cqw .2404cqw rgba(22,22,27,.15));
}
.adobe-aem__visual .aem-authoring__cursor svg { inline-size:100%;block-size:100%;overflow:visible; }
