@import url('../workspace-story/study.css?build=2f4f073cec38');
:root{--ground:#f1eee7;--sheet:#faf8f2}
body{background:var(--ground)}
/* The sheet is a story surface. Texture never overlays the app or lettering. */
.merge-section,.filing-scene,.return-scene{
 position:relative;isolation:isolate;max-width:1504px;margin:64px auto;
 width:calc(100% - 64px);background:var(--sheet)!important;
 border-radius:2px 3px 2px 1px;border:1px solid #c9c2b136;
 box-shadow:0 1px 1px #65564116,0 7px 10px -9px #55473040,0 22px 40px -30px #55473038;
}
.merge-section::before,.filing-scene::before,.return-scene::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 display:block!important;background:url('grain.svg') repeat;background-size:640px 640px;opacity:.55;
}
.merge-section::after,.filing-scene::after,.return-scene::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:radial-gradient(ellipse at 18% 10%,#ffffff52,transparent 52%),radial-gradient(ellipse at 90% 85%,#d5c7ab10,transparent 65%);
 box-shadow:inset 0 1px 0 #ffffffd9,inset 1px 0 0 #ffffff70,inset 0 -1px 0 #98857018;
}
.merge-section{padding:78px 0 52px;margin-top:40px}.unify-title{padding:0 25px}.merge-stage{height:680px}
.filing-scene{padding:76px 0 52px}.return-scene{padding:76px 0 55px}
.stay{padding:85px 25px 90px}.philosophy{padding-top:100px;padding-bottom:110px}
.philosophy::before,.after::before{display:none}
html[data-paper="smooth"] .merge-section::before,html[data-paper="smooth"] .filing-scene::before,html[data-paper="smooth"] .return-scene::before{opacity:.12}
html[data-paper="flat"] .merge-section,html[data-paper="flat"] .filing-scene,html[data-paper="flat"] .return-scene{box-shadow:none;border-color:transparent;border-radius:0}
html[data-paper="flat"] .merge-section::before,html[data-paper="flat"] .filing-scene::before,html[data-paper="flat"] .return-scene::before,html[data-paper="flat"] .merge-section::after,html[data-paper="flat"] .filing-scene::after,html[data-paper="flat"] .return-scene::after{display:none!important}
.options{left:50%;transform:translateX(-50%);box-shadow:0 3px 15px #302e2712;white-space:nowrap}.options [hidden]{display:none}
.return-composition{grid-template-columns:205px minmax(0,1fr);gap:25px;padding:0 26px}.filing-layout{gap:30px;padding:0 30px;grid-template-columns:minmax(0,1fr) 220px}
@media(min-width:1650px){.merge-section,.filing-scene,.return-scene{width:calc(100% - 120px)}}
@media(max-width:1200px){.merge-section,.filing-scene,.return-scene{width:calc(100% - 32px)}.return-composition{grid-template-columns:180px minmax(0,1fr);gap:20px}.return-caption h3{font-size:33px}.workspace-inner{padding-left:2%;padding-right:2%}}
.options{left:14px;transform:none;gap:12px;padding:10px 12px;bottom:12px}
.op-material{mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%)}
/* A slight resting bow belongs to the exposed sheet, never to its contents. */
.merge-section{--first-sheet:#faf8f2;background:var(--first-sheet)!important;border-bottom-right-radius:120px 11px;box-shadow:0 1px 1px #65564112,0 6px 9px -8px #55473030,0 22px 40px -32px #55473030}
html[data-sheet="ivory"] .merge-section{--first-sheet:#f4eddd}
.paper-lift-shadow{position:absolute;pointer-events:none;z-index:-2;right:18px;bottom:0;width:250px;height:28px;border-radius:50%;transform:rotate(-2deg);box-shadow:0 13px 13px -5px #55463030}
.paper-corner-light{position:absolute;pointer-events:none;right:0;bottom:0;width:265px;height:100px;border-bottom-right-radius:120px 11px;background:radial-gradient(ellipse at 90% 100%,#fffdf79c 0%,#fffdf740 28%,transparent 68%);opacity:.72}
html[data-paper="flat"] .paper-lift-shadow,html[data-paper="flat"] .paper-corner-light{display:none}
/* First chapter: a fixed demonstration zone beside a persistent caption seat. */
.merge-section{width:88%;max-width:1440px}
.merge-stage{height:620px}
.carry-caption{left:3%;width:18%;top:160px;transition:opacity .45s ease}
.carry-caption h3{font-size:clamp(27px,2.5vw,39px);line-height:1.13}
.result{overflow:hidden;touch-action:pan-y}
.carry-editor{grid-template-columns:29% minmax(0,1fr);gap:6%;padding:64px 4%;}
.carry-editor article{font:17px/1.65 Quattro,monospace}.landed-note{font-size:18px;margin-top:135px}
.writer article{padding:65px 28px;font-size:17px}
.drag-stick{position:absolute;z-index:5;width:40px;padding:0;cursor:grab;touch-action:none;background:transparent;border:0;border-radius:8px}
.drag-stick:active{cursor:grabbing}.drag-stick:hover{background:#b18a3820}.drag-stick[hidden]{display:none}
.drag-hint{position:absolute;z-index:4;font-size:12px;color:#745524;pointer-events:none;background:#fffcf3ed;padding:6px 9px;border-radius:4px;transition:opacity .4s}
.carry-dot{width:8px;height:30px;background:#b38a3f;z-index:6;pointer-events:none}
.source-return{font:14px/1.5 var(--serif);color:#766246;text-align:left;padding:5px 0;border-bottom:1px solid #aa885c77;cursor:pointer}
.source-return:hover{color:#402e15;border-color:currentColor}
@media(min-width:1650px){.merge-section{width:88%}}
@media(max-width:1200px){.merge-section{width:88%}.carry-caption h3{font-size:28px}.landed-note{font-size:16px}}
.drag-hint{font-size:11px;background:none;padding:0;box-shadow:none}
/* Integration 4dee3b9b: proportional hover, unchanged ink, plain source portal. */
.drag-stick,.drag-stick:active{cursor:default}.drag-stick:hover{background:transparent}
.stick{transition:width 250ms cubic-bezier(.22,.75,.3,1)}
.stick-hover .stick{width:7.5px}
.gesture-cue{opacity:0;position:absolute;width:46px;pointer-events:none;z-index:4;transition:opacity .55s ease;text-align:center;color:#8b692f}
.gesture-cue svg{display:block;width:23px;height:28px;margin:0 auto;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.gesture-cue span{display:block;margin-top:4px;font:11px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.025em}
.gesture-cue span[hidden]{display:none}
.stick-hover .gesture-cue{opacity:0!important}
.source-return{border:0;padding:6px 0;color:rgb(48 46 39 / .6);text-decoration:none;font-family:'Iowan Old Style',Palatino,Georgia,serif;transition:opacity .15s ease-in-out}
.source-return:hover{color:rgb(48 46 39 / .6);border:0}
.source-return.acknowledged{opacity:.3!important}
@media(prefers-reduced-motion:reduce){.stick,.gesture-cue{transition:none}}
.merge-stage:has(.source-return:hover) .gesture-cue{opacity:0!important}

/* Same capsule and ink on both sides of the arrival handoff. */
.stick{background:rgb(245 189 46 / .95)}
.landed-note{position:relative;border-left-color:transparent!important}
.landed-note::before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;border-radius:2px;background:rgb(29 26 21 / .95);opacity:var(--stick-visible,0)}

/* Three source lines give the gesture a legible vertical silhouette. */
.mark.first{top:52.55%;left:13.45%;width:75.2%}
.mark.second{top:54.26%;left:9.46%;width:79.2%}
.mark.third{top:55.97%;left:9.46%;width:76.56%}
.stick{top:52.55%;height:5.13%}
/* Native margin voice: wash follows glyph runs, never the quote's box. */
.landed-note{margin-top:12px;font-family:'Iowan Old Style',Palatino,Georgia,serif;line-height:1.4}
.landed-note em{display:block;font-family:inherit}
.landed-note blockquote{background:transparent;margin:8px 0;line-height:1.65;color:rgb(29 26 21 / .82)}
.quote-ink{background:rgb(245 189 46 / .32);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.source-return{font-size:.88em;line-height:1.4;padding:0;color:rgb(29 26 21 / .6)}
.source-return:hover{color:rgb(29 26 21 / .6)}
.carry-caption{transition:none}
.carry-caption h3,.carry-caption p{opacity:0;transition:opacity 650ms cubic-bezier(.25,.1,.25,1)}
@media(prefers-reduced-motion:reduce){.carry-caption h3,.carry-caption p{transition:opacity 150ms linear}}

/* Integration eccb0aa9: dimensions share the draft's reference scale. */
.stick{width:var(--reader-stick-width,5px);transform:translateX(-50%)}
.stick-hover .stick{width:calc(var(--reader-stick-width,5px)*1.5)}
.landed-note{font-size:var(--note-size,15.2px);border-left-width:var(--note-stick-width,4px)}
.landed-note::before{left:calc(-1*var(--note-stick-width,4px));width:var(--note-stick-width,4px)}
.landed-note blockquote{max-height:var(--quote-budget,81px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior-y:auto;cursor:auto}
.landed-note blockquote::-webkit-scrollbar{display:none}
.landed-note blockquote:focus-visible{outline:1px solid #9b793e66;outline-offset:3px}

.landed-note{width:min(100%,calc(var(--note-size,15.2px)*13.815789 + 20px + var(--note-stick-width,4px)))}
.source-return:focus-visible{outline:none;text-decoration:underline;text-decoration-color:#9b793e88;text-underline-offset:4px}