/* Story 02: the same editor becomes source review and snapshot restore. */
body.working{overflow:visible}
.working #journey,.working.reduced #journey{height:var(--story-height,2780vh)}
.working #canvas{overflow:hidden;overscroll-behavior:auto;overflow-anchor:none}
.working #stage{position:fixed}
#editor-story{position:absolute;inset:0;z-index:21;pointer-events:none;overflow:hidden;color:var(--ink);display:none}
#editor-story.active{display:block}
#story-plane{position:absolute;inset:0;z-index:4;clip-path:inset(168px 0 64px)}
#story-plane .sheet{pointer-events:none;box-shadow:0 2px 2px #1a191710;will-change:auto}
#story-plane .sheet.changed{border:5px solid #767e61;background:#edf0dd}
#review-link{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
#review-link path{fill:none;stroke:#89946c;stroke-width:1}
#story-plane .sheet.added{background:#edf0dd;border:1px solid #626b46}
#story-plane .sheet:after{display:none}
.story-type{position:absolute;left:var(--gutter);top:122px;margin:0;font:500 clamp(32px,4.7vw,64px)/.94 Familjen;letter-spacing:-.055em;z-index:7;pointer-events:none}
.story-type>span{display:block;overflow:hidden;padding-bottom:.08em}
.story-type b{font-weight:500;display:block;transform-origin:left bottom}
.story-type .muted{color:#77796f}
#story-state{position:absolute;left:var(--gutter);bottom:20px;font:11px/1.5 Inter;max-width:73%;z-index:8}
#story-state strong{font-weight:500}
#story-cue{position:absolute;right:var(--gutter);bottom:17px;z-index:24;font:11px Inter;color:var(--dim-light);pointer-events:none}
#source-signal{position:absolute;right:var(--gutter);top:128px;border-top:1px solid #747967;padding-top:10px;font:11px/1.5 Inter;z-index:8;max-width:250px}
#source-signal i{display:inline-block;width:6px;height:6px;background:#747967;margin-right:8px}
#source-signal small{display:block;color:#707267;font-size:10px}
.source-state{position:absolute;width:23%;top:285px;border-top:1px solid #86897c;padding-top:14px;z-index:2;transform-origin:center center}
.source-state .code{font-size:10px;margin:0 0 20px;color:#696c61}
.source-state h3{font:500 19px/1.1 Familjen;letter-spacing:-.02em;margin:0 0 18px}
.source-state .extent-row{display:flex;justify-content:space-between;border-block:1px solid #d2d5c8;padding:12px 0;font:12px Inter;gap:8px}
.source-state .extent-row b{font:22px/1 Notation;white-space:nowrap}
.extent-row s{color:#77796f;text-decoration-thickness:1px}
.extent-row i{font-style:normal;font-size:.65em;margin:0 10px;color:#77796f}
.snapshot-difference{display:flex;gap:12px;border-top:1px solid #bfc4b3;margin-top:14px;padding-top:10px;font:12px Notation}
.snapshot-difference span{color:#73776b}
.snapshot-difference b{font-weight:400;color:var(--ink)}
.source-state p{font:11px/1.6 Inter;margin:14px 0}
.source-state small{font:10px/1.5 Inter;display:block;color:#73776b}
.source-state .section-shift{font:11px Notation;margin-top:18px}
#previous-source{left:var(--gutter)}
#incoming-source{right:var(--gutter);border-top:3px solid #929d63}
#incoming-source .extent-row{background:#edf0dd;padding-inline:8px}
#publication-state{position:absolute;top:260px;left:28%;width:44%;text-align:center;font:10px/1.4 Notation;z-index:8;color:#64695c}
#snapshot-plane{position:absolute;inset:0;z-index:3;transform-origin:50% 55%;pointer-events:none}
#snapshot-plane .snapshot-page{position:absolute;background:#f0f0e9;border:1px solid #c0c4b4;transform-origin:0 0;overflow:hidden}
.snapshot-page .sheet-content{opacity:1}
.snapshot-page img{height:100%;width:100%;object-fit:cover}
#snapshot-label{position:absolute;left:var(--gutter);top:290px;width:230px;border-top:1px solid #747967;padding-top:12px;font:12px/1.5 Inter;z-index:8}
#snapshot-label strong{display:block;font:500 24px Familjen;margin:5px 0}
#snapshot-label small{display:block;color:#73776b;font-size:11px}
.story-running .toolbar label,.story-running #clear{pointer-events:none}
.story-running .editor-footer{visibility:hidden!important}
.story-running #canvas{pointer-events:none}
.story-running #editor-story .sheet:focus{outline:0}
.story-running .toolbar{border-bottom-color:transparent}
.story-running .editor-meta small{visibility:hidden}
@media(max-height:800px) and (min-width:761px){.story-type{top:122px;font-size:54px}.source-state{top:255px}.source-state .code{margin-bottom:12px}.source-state h3{font-size:17px;margin-bottom:12px}.source-state p{margin:10px 0}.source-state .section-shift{margin-top:12px}#publication-state{top:235px}#snapshot-label{top:265px}}
@media(max-width:760px){.story-type{top:148px;font-size:36px;line-height:.98}.source-state{width:43%;top:276px;padding-top:9px}.source-state .code{font-size:8px;margin-bottom:10px}.source-state h3{font-size:15px;margin-bottom:10px}.source-state .extent-row{font-size:10px;padding:9px 2px}.source-state .extent-row b{font-size:17px}.source-state p{font-size:9px;line-height:1.4;margin:9px 0}.source-state small{font-size:8px}.source-state .section-shift{font-size:9px;margin-top:9px}#source-signal{top:87px;max-width:170px;font-size:10px;border:0;padding:0}#source-signal small{font-size:9px}#publication-state{top:476px;left:5%;width:90%;font-size:9px}#snapshot-label{top:255px;width:88%;font-size:10px;padding-top:8px}#snapshot-label strong{font-size:20px;display:inline;margin-right:10px}#snapshot-label small{font-size:9px}#story-state{font-size:10px;bottom:48px;max-width:88%}#story-cue{font-size:10px;bottom:17px}.story-running .editor-meta{visibility:hidden}}
.reduced #story-plane .sheet{will-change:auto}
@media(max-width:760px){#publication-state{top:482px}#snapshot-label .code{display:block}#snapshot-label strong{display:block;margin:4px 0}#story-cue{max-width:88%;text-align:right}}
.working:not(.story-running) #story-cue{bottom:58px;background:var(--paper);padding:5px 0}
@media(max-width:760px){#story-plane{clip-path:inset(208px 0 105px)}}
@media(max-width:760px){.snapshot-difference{font-size:10px;margin-top:8px;padding-top:7px}.extent-row i{margin:0 6px}#snapshot-label{top:235px}}