/* Decorative viewport tiles, below content and above each panel's existing background. */
.cs-ambient-surface {
  position: relative;
  isolation: isolate;
}
.cs-ambient-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  max-width: 100% !important;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none !important;
  user-select: none;
  z-index: -1;
  contain: strict;
}
.cs-ambient-controls {
  display: flex;
  justify-content: flex-end;
  margin-block-start: 12px;
}
.cs-ambient-toggle {
  min-width: 44px;
  min-height: 44px;
  max-width: 100%;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.4;
  text-align: start;
  white-space: normal;
}
.cs-ambient-toggle:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}
.cs-ambient-toggle:disabled {
  color: var(--muted);
  cursor: default;
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .cs-ambient-canvas { display: none !important; }
}
@media (forced-colors: active) {
  .cs-ambient-toggle:focus-visible { outline-color: Highlight; }
}