/* PhoneMen Design Lab — shared position tokens (local only, not production) */
:root {
  --pm-lab-width: 1120px;
  --pm-repairflow-max-width: 980px;
  --pm-repairflow-safe-top: 24px;
  --pm-repairflow-safe-bottom: 24px;

  /* Legacy (full-repairflow lab) */
  --pm-heading-duration: 720ms;
  --pm-heading-handoff: 280ms;
  --pm-heading-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Premium heading animation (shared: heading-lab-shared.css) */
  --pm-heading-out-ms: 320ms;
  --pm-heading-in-ms: 480ms;
  --pm-heading-gap-ms: 100ms;
  --pm-heading-in-delay-ms: 30ms;
  --pm-heading-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --pm-heading-ease-in: cubic-bezier(0.18, 1, 0.32, 1);
  --pm-heading-blur: 10px;
  --pm-heading-out-shift: -4px;
  --pm-heading-in-shift: 5px;

  --pm-shell-max-height: 680px;
  --pm-shell-viewport-offset: 220px;

  /* Lab shell layout (header + content zones inside shell window) */
  --lab-shell-padding-x: 0px;
  --lab-shell-padding-y: 0px;
  --lab-shell-header-gap: 16px;
  --lab-shell-content-gap: 10px;
  --lab-shell-content-padding-x: 0px;
  --lab-shell-content-padding-y: 0px;
  --lab-shell-inner-gap: 10px;
  --lab-shell-footer-gap: 0px;
  --lab-shell-min-height: 0px;
  --pm-shell-extra-reserve-full: 52px;
  --pm-lab-content-out-ms: 280ms;
  --pm-shell-height-duration: 420ms;
  --pm-shell-height-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pm-flow-toolbar-space: 2.25rem;

  /* Lab scrollbars (scoped via .pm-lab-scroll — not global) */
  --pm-scrollbar-thumb-width: 6px;
  --pm-lab-scroll-content-inset: 8px;
  --pm-scrollbar-lane-width: 14px;
  --pm-lab-scroll-size: var(--pm-scrollbar-thumb-width);
  --pm-lab-scroll-lane: var(--pm-scrollbar-lane-width);
  --pm-lab-scroll-track: transparent;
  --pm-lab-scroll-thumb-top: rgba(7, 92, 255, 0.38);
  --pm-lab-scroll-thumb-bottom: rgba(7, 92, 255, 0.22);
  --pm-lab-scroll-thumb-border: transparent;
  --pm-lab-scroll-thumb-hover-top: rgba(7, 92, 255, 0.52);
  --pm-lab-scroll-thumb-hover-bottom: rgba(7, 92, 255, 0.3);

  /* RepairFlow card hover — safe space inside clipped shell */
  --pm-lab-card-hover-lift: 2px;
  --pm-lab-card-hover-safe: 10px;
  --pm-lab-card-hover-shadow: 0 6px 16px -5px rgba(15, 23, 42, 0.1), 0 2px 6px -3px rgba(15, 23, 42, 0.06);
  --pm-lab-card-hover-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pm-lab-card-hover-duration: 0.22s;
}