/* The visual demo is registered to the source image; reading copy never moves. */
.screen-simulation{position:relative;display:block;isolation:isolate;overflow:hidden}
.app-sim-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden;overflow:hidden;font-family:"Noto Sans JP",system-ui,sans-serif;font-weight:500}
.sim-is-enhanced .app-sim-layer{visibility:visible}
.sim-cursor,.sim-toast,[data-sim="focus"]{opacity:0}
.sim-cursor{filter:drop-shadow(0 3px 4px #18345a30)}
.sim-toast{filter:drop-shadow(0 5px 10px #1b3a5c16)}
.story-screen-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.story-replay{display:flex;align-items:center;gap:6px;padding:3px 0;min-height:30px;color:#3c5e94;font-size:11px;font-weight:600;background:none;white-space:nowrap}
.story-replay svg{width:13px;height:13px;fill:currentColor;flex-shrink:0}
.story-replay:disabled{opacity:.4;cursor:default}
.story-replay:focus-visible{outline:2px solid #365ce7;outline-offset:4px;border-radius:4px}
.story-visual figcaption>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.story-panel[data-sim-state="playing"] .story-replay{color:#254fe1}
.motion-paused .app-sim-layer{visibility:hidden}
@media(max-width:1100px){.story-screen-actions{gap:12px}.story-replay{font-size:10px}}
@media(max-width:760px){.story-screen-actions{gap:12px}.story-replay{font-size:10px;min-height:29px}.story-replay svg{width:11px;height:11px}.story-visual figcaption{gap:10px}}
@media(prefers-reduced-motion:reduce){.app-sim-layer{visibility:hidden!important}}