/* =========================================================
   StoryCanvas Front Style – editor完全一致版（最終確定）
========================================================= */

.storycanvas {
  width: 640px;
  margin: 0 auto;
  line-height: normal;
}

.storycanvas-page {
  margin-bottom: 40px;
}

.storycanvas-canvas {
  position: relative;
  width: 640px;
  margin: 0 auto;
  line-height: normal; /* ★ ここが唯一の正解 */
}

.storycanvas-canvas img {
  display: block;
  width: 640px;
  height: auto;
  margin: 0;
}

.storycanvas-texts {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* テキスト（editor の inline-style を100%反映） */
.storycanvas-text {
  position: absolute;
  white-space: pre-wrap;
  box-sizing: border-box;

}

/* SWELL shortcode wrapper 対策 */
.swell-block-shortcode {
  line-height: 0;
  margin: 0;
  padding: 0;
}

.swell-block-shortcode > .storycanvas {
  line-height: normal;
}