/* AWS feature 01. The user's CMS screenshot supplies the toolbar / site tree /
   website preview / component library structure. Adobe AEM supplies the existing
   832×520 frame, lilac-blue gradient and lifted browser treatment. Only this
   artwork scales; its section, copy, grid and external type remain unchanged. */
.adobe-proof__media.aws-cms {
  container:aws-cms / inline-size;isolation:isolate;
  color:var(--wy-g700);font-family:var(--wy-font-cn);line-height:1.4;
  text-align:left;letter-spacing:normal;
}
.aws-cms__scene { position:absolute;inset:0; }
.aws-cms__scene *,.aws-cms__scene *::before,.aws-cms__scene *::after { box-sizing:border-box; }
.aws-cms__browser {
  position:absolute;left:3.8462cqw;top:5.7692cqw;width:92.3077cqw;height:50.9615cqw;
  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 1.4423cqw 3.8462cqw -1.4423cqw color-mix(in srgb,var(--wy-blue-dark) 24%,transparent),0 .2404cqw .7212cqw rgba(22,22,27,.03);
}
.aws-cms__toolbar {
  height:4.8077cqw;display:flex;align-items:center;gap:.9615cqw;padding:0 1.2019cqw;
  background:#FAFAFC;border-bottom:1px solid var(--wy-g100);font-size:1.3221cqw;
  white-space:nowrap;
}
.aws-cms__icon { display:block;flex:none;width:1.6827cqw;height:1.6827cqw;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.aws-cms__project { display:flex;align-items:center;gap:.7212cqw;font-weight:500;color:var(--wy-ink); }
.adobe-proof__media.aws-cms .aws-cms__project img { position:static;inset:auto;width:2.4038cqw;height:2.4038cqw;border-radius:0;filter:none;object-fit:contain; }
.aws-cms__project .aws-cms__icon { width:1.2019cqw;height:1.2019cqw;color:var(--wy-g500); }
.aws-cms__down { transform:rotate(90deg); }
.aws-cms__forward { transform:rotate(180deg);opacity:.45; }
.aws-cms__navigation { display:flex;gap:1.2019cqw;margin-left:1.4423cqw;color:var(--wy-g500); }
.aws-cms__address { flex:1;min-width:0;display:flex;align-items:center;gap:.7212cqw;height:2.8846cqw;padding:0 .9615cqw;border:1px solid var(--wy-g100);border-radius:1.6827cqw;background:var(--wy-g0);font-size:1.2019cqw;color:var(--wy-g600); }
.aws-cms__address i { width:.7212cqw;height:.7212cqw;flex:none;border-radius:50%;background:var(--wy-success); }
.aws-cms__address .aws-cms__icon { margin-left:auto;width:1.2019cqw;height:1.2019cqw; }
.aws-cms__map { padding:.4808cqw .7212cqw;border:1px solid var(--wy-g100);border-radius:.4808cqw;background:var(--wy-g0); }
.aws-cms__agent,.aws-cms__preview { display:flex;align-items:center;gap:.4808cqw;padding:.4808cqw .7212cqw;border-radius:.4808cqw;background:var(--wy-primary);color:var(--wy-g0);font-weight:500; }
.aws-cms__agent .aws-cms__icon,.aws-cms__preview .aws-cms__icon { width:1.4423cqw;height:1.4423cqw; }
/* Same source as Navbar > AEP > Site Agent; preserve the approved 12px slot. */
.aws-cms__agent-icon { background:url(nav/site-agent.png) center / contain no-repeat;filter:brightness(0) invert(1); }
.aws-cms__preview { margin-left:.7212cqw; }
.aws-cms__workspace { height:calc(100% - 4.8077cqw);display:grid;grid-template-columns:15.3846cqw minmax(0,1fr) 13.4615cqw; }
.aws-cms__sidebar { min-width:0;padding:.7212cqw .7212cqw 0;background:#FAFAFC;border-right:1px solid var(--wy-g100);font-size:1.3221cqw; }
.aws-cms__primary-items { display:grid;gap:.2404cqw;margin-bottom:.4808cqw; }
.aws-cms__tree-item { display:flex;align-items:center;gap:.4808cqw;min-height:2.6442cqw;padding:.2404cqw .4808cqw;white-space:nowrap; }
.aws-cms__tree-item .aws-cms__icon { width:1.3221cqw;height:1.3221cqw;color:var(--wy-g500); }
.aws-cms__tree-heading { display:flex;align-items:center;gap:.7212cqw;padding:.4808cqw;color:var(--wy-ink);font-weight:500; }
.aws-cms__tree-heading .aws-cms__icon { width:1.4423cqw;height:1.4423cqw; }
.aws-cms__tree-heading--sites { margin-top:.7212cqw; }
.aws-cms__tree-group { position:relative; }
.aws-cms__tree-item--parent { padding-left:.4808cqw;font-weight:500; }
.aws-cms__tree-item--nested { padding-left:1.4423cqw;font-size:1.2019cqw; }
.aws-cms__tree-item--selected { color:var(--wy-primary);background:var(--wy-primary-subtle);border-radius:.4808cqw; }
.aws-cms__tree-item--selected .aws-cms__icon { color:var(--wy-primary); }
.aws-cms__webpage { min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--wy-g0); }
.aws-cms__website { position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#D8E2EF; }
.aws-cms__website-content { position:relative;flex:1;width:100%;min-height:0;overflow:hidden; }
/* Reuse the approved AURA masthead and hero photograph independently. The photo
   covers the full remaining canvas without stretching the phone or a floor strip. */
.aws-cms__masthead { position:absolute;z-index:1;inset:0 0 auto;height:3.1651cqw;overflow:hidden;background:var(--wy-g0); }
.adobe-proof__media.aws-cms .aws-cms__masthead-image {
  display:block;position:absolute;inset:0 auto auto 0;width:100%;height:auto;max-width:none;
  transform:translateY(-4.4922%);border:0;border-radius:0;filter:none;
}
.adobe-proof__media.aws-cms .aws-cms__website-image {
  display:block;position:absolute;inset:3.1651cqw 0 0;width:100%;height:calc(100% - 3.1651cqw);max-width:none;
  object-fit:cover;object-position:center;transform:none;border:0;border-radius:0;filter:none;
}
.aws-cms__hero-label,.aws-cms__hero-title,.aws-cms__hero-tagline,.aws-cms__hero-description,.aws-cms__hero-actions {
  position:absolute;left:5.7%;z-index:1;white-space:nowrap;line-height:1.4;
}
.aws-cms__hero-label { top:11.4183cqw;font-size:.9615cqw;color:var(--wy-g600); }
.aws-cms__hero-title { top:13.7019cqw;font-family:var(--wy-font-display);font-size:2.6442cqw;font-weight:600;letter-spacing:normal;color:var(--wy-ink);line-height:1.2; }
.aws-cms__hero-tagline { top:17.4279cqw;font-size:2.0433cqw;color:var(--wy-ink); }
.aws-cms__hero-description { top:21.0337cqw;font-size:1.0817cqw;color:var(--wy-g600); }
.aws-cms__hero-actions { top:23.5577cqw;display:flex;align-items:center;gap:1.4423cqw;font-size:.7212cqw; }
.aws-cms__hero-actions>span { display:flex;align-items:center;gap:.9615cqw; }
.aws-cms__hero-actions>span:first-child { min-width:7.4519cqw;min-height:2.0433cqw;padding:0 1.2019cqw;border-radius:.2404cqw;background:#202A33;color:var(--wy-g0); }
.aws-cms__hero-actions .aws-cms__icon { width:1.3221cqw;height:1.3221cqw; }
.aws-cms__hero-colors { position:absolute;z-index:1;left:5.7%;bottom:1.9231cqw;display:flex;align-items:center;gap:.4808cqw;font-size:.7212cqw;color:var(--wy-g500); }
.aws-cms__hero-colors>i { display:block;width:.8413cqw;height:.8413cqw;flex:none;border-radius:50%;background:#B5C4CF; }
.aws-cms__hero-colors>i:first-child { outline:1px solid #949FA9;outline-offset:.2404cqw;margin-right:.2404cqw; }
.aws-cms__hero-colors>i:nth-child(2) { background:#263642; }
.aws-cms__hero-colors>span { margin-left:.7212cqw; }
.aws-cms__components { min-width:0;padding:1.2019cqw .7212cqw;background:var(--wy-g0);border-left:1px solid var(--wy-g100); }
.aws-cms__components-heading { margin-bottom:1.2019cqw;font-size:1.4423cqw;font-weight:500;color:var(--wy-ink); }
.aws-cms__search { display:flex;align-items:center;gap:.4808cqw;height:2.6442cqw;padding:0 .4808cqw;border:1px solid var(--wy-g100);border-radius:.4808cqw;font-size:1.0817cqw;color:var(--wy-g400); }
.aws-cms__search>.aws-cms__icon { width:1.2019cqw;height:1.2019cqw; }
.aws-cms__component { display:flex;align-items:center;gap:.7212cqw;margin-top:1.6827cqw; }
.aws-cms__component-symbol { display:grid;place-items:center;flex:none;width:2.1635cqw;height:2.1635cqw;border-radius:50%;background:var(--wy-primary-subtle);color:var(--wy-primary); }
.aws-cms__component-symbol>.aws-cms__icon { width:1.2019cqw;height:1.2019cqw; }
.aws-cms__component:nth-child(4n) .aws-cms__component-symbol { background:var(--wy-blue-subtle);color:var(--wy-blue-shade); }
.aws-cms__component-copy { display:grid;gap:.2404cqw;min-width:0;font-size:1.3221cqw;line-height:1.4;color:var(--wy-g800);white-space:nowrap; }
.aws-cms__component-copy small { font-size:1.0817cqw;font-weight:400;color:var(--wy-g500); }

/* Selected page heading: concise, static editing cues inside the existing UI
   stage. All geometry uses the same container scale as the original screenshot. */
.aws-cms__selection {
  position:absolute;z-index:2;left:5.2%;top:13.36cqw;width:30%;height:4.0264cqw;
  border:.1803cqw solid var(--wy-primary);
  box-shadow:0 0 0 .1202cqw rgba(255,255,255,.65);
}
.aws-cms__edit-toolbar {
  position:absolute;left:-.1803cqw;bottom:calc(100% + 2.1635cqw);
  display:flex;align-items:center;gap:.9615cqw;padding:.7212cqw .9615cqw;
  border:1px solid var(--wy-g100);border-radius:.7212cqw;
  background:var(--wy-g0);color:var(--wy-g700);
  box-shadow:0 .4808cqw 1.4423cqw rgba(37,30,69,.14);
}
.aws-cms__edit-toolbar>.aws-cms__icon { width:1.6827cqw;height:1.6827cqw; }
.aws-cms__edit-toolbar>.aws-cms__icon:first-child { color:var(--wy-primary); }
.aws-cms__edit-divider { width:1px;height:1.6827cqw;background:var(--wy-g100); }
.aws-cms__handle {
  position:absolute;display:block;width:.7212cqw;height:.7212cqw;
  border:.1202cqw solid var(--wy-primary);background:var(--wy-g0);
}
.aws-cms__handle--tl { left:-.4507cqw;top:-.4507cqw; }
.aws-cms__handle--tr { right:-.4507cqw;top:-.4507cqw; }
.aws-cms__handle--bl { left:-.4507cqw;bottom:-.4507cqw; }
.aws-cms__handle--br { right:-.4507cqw;bottom:-.4507cqw; }
.aws-cms__caret { position:absolute;right:7%;top:18%;height:64%;width:.1803cqw;background:var(--wy-primary); }
.aws-cms__cursor {
  position:absolute;z-index:3;left:33.8%;top:16.2179cqw;width:2.8846cqw;height:3.4341cqw;
  filter:drop-shadow(0 .2404cqw .2404cqw rgba(22,22,27,.15));
}
.aws-cms__cursor>svg { display:block;width:100%;height:100%;overflow:visible; }