/* Sandbox: a proportionally stable notebook, one reading axis, quiet preview
   words. The registered page photograph and its existing held poses stay intact. */
@media (min-width: 901px) and (min-height: 561px) {
  html #zineSandboxApp .fs-desk {
    width: 100%; max-width: none;
    container-type: size;
    display: grid; place-items: center;
  }
  html #zineSandboxApp .fs-sheet-frame {
    width: min(94cqw, 150cqh, 1140px);
    height: auto; aspect-ratio: 3 / 2;
    /* The cream page is offset by the bound spine. Align its reading axis
       with the central action, without touching the scene-motion owner. */
    translate: -3% 0;
  }
  html #zineSandboxApp .fs-sandbox-words {
    grid-template-rows: 1.6fr repeat(3, 1fr);
    gap: 8px; padding: 4% 5% 3.5%;
  }
  html #zineSandboxApp .fs-sandbox-words .fs-word-line {
    padding-inline: 28px;
  }
  html #zineSandboxApp .fs-sandbox-words .fs-word-text {
    font-size: var(--fs-fit, clamp(58px, 12.5cqh, 86px));
  }
  html #zineSandboxApp .fs-sandbox-words .fs-word:not(:first-child) .fs-word-text {
    font-size: var(--fs-fit, clamp(38px, 7.8cqh, 58px));
    color: #393a31;
  }
  html #zineSandboxApp .fs-heading > .fs-profile .fs-choice {
    font-size: clamp(24px, 1.8vw, 28px);
  }
  html #zineSandboxApp .fs-sandbox-words .fs-word:first-child {
    isolation: isolate;
  }
  html #zineSandboxApp .fs-sandbox-words .fs-word:first-child::before {
    inset: 7% -2%; height: auto;
    transform: rotate(-.35deg);
    background-color: var(--accent); background-blend-mode: multiply;
    background-size: 470px auto;
    filter: none;
  }
  /* One resting slip, with its own thin contact; never shadow the lettering
     or add a second book/page photograph. The departure inherits this cut. */
  html #zineSandboxApp .fs-sandbox-words .fs-word:first-child::after {
    content: ""; position: absolute; z-index: -2;
    inset: 7% -2%; pointer-events: none;
    background: #4431264a;
    clip-path: var(--paper-cut-before, none);
    transform: translate(.6px, 1.4px) rotate(-.35deg);
    filter: blur(.7px);
  }
}

@media (forced-colors: active) {
  html #zineSandboxApp .fs-sandbox-words .fs-word:not(:first-child) .fs-word-text {
    color: CanvasText;
  }
  html #zineSandboxApp .fs-sandbox-words .fs-word:first-child::before,
  html #zineSandboxApp .fs-sandbox-words .fs-word:first-child::after {
    display: none;
  }
}