/* Loaded last, only by the standalone side-panel preview. No DOM wrapper is
 * needed: product selectors and body-level modal portals remain intact. */
html:root {
  background: #dfe1e5;
  height: 100%;
  overflow: hidden;
}
html body.workspace-shell {
  box-sizing: border-box;
  width: 380px;
  max-width: 100%;
  height: 100vh;
  min-height: 0;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  /* Fixed overlays use the panel column as their containing block. */
  transform: translateZ(0);
  outline: 1px solid #00000020;
  box-shadow: 0 0 20px #00000018;
}