/* MQ02B: presentation outside the unmodified desktop design plane. */
[data-cim-layout-mode="desktop"] { overflow-y:scroll; }
[data-cim-layout-mode="desktop"] .page-canvas {
  margin-inline:auto;
  margin-block:0;
  z-index:1;
}
.cim-side-ambience {
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
  z-index:0;
  contain:strict;
}
.cim-side-ambience__side {
  position:absolute;
  inset-block:0;
  width:var(--ambience-gutter,0px);
  overflow:hidden;
  background:
    radial-gradient(ellipse at 95% 27%,#452f1d50,transparent 58%),
    radial-gradient(ellipse at 65% 47%,#25303b75,transparent 80%),
    linear-gradient(115deg,#05080b,#0e151c 55%,#0a0e12);
}
.cim-side-ambience__side:first-child { left:0; }
.cim-side-ambience__side:last-child { right:0; transform:scaleX(-1); }
.cim-side-ambience__side::before {
  content:"";
  position:absolute;
  inset:-6%;
  background-image:var(--ambience-image,none);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:blur(14px) brightness(.35) saturate(.55);
  opacity:.55;
}
.cim-side-ambience__side::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#03060980,transparent 35%,#080c0f 100%),
    linear-gradient(#03060955,transparent 30%,#030609cc);
}
[data-cim-layout-mode="mobile"] .cim-side-ambience,
[data-cim-layout-mode="tablet"] .cim-side-ambience { display:none; }
