.page-side-controls{z-index:20;flex-direction:column;flex:0 0 44px;justify-content:center;align-self:center;align-items:center;gap:12px;display:flex;position:relative}.page-side-controls button{color:#63736b;cursor:pointer;background:#f3f5f1;border:1px solid #ffffffa6;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .18s,color .18s,box-shadow .18s;display:flex;box-shadow:4px 4px 11px #5260521c,-4px -4px 11px #ffffffc7}.page-side-controls button:hover:not(:disabled){color:#263e31;background:#fff;box-shadow:3px 5px 12px #52605224,-3px -3px 10px #ffffffc7}.page-side-controls button:focus-visible{outline-offset:4px;outline:2px solid #4a6d58}.page-side-controls button:disabled{opacity:.32;cursor:default;box-shadow:none}.paper-stage,.proposal-book-stage{--reader-control-gap:18px;--reader-control-size:44px}.reading-page .paper-stage{gap:var(--reader-control-gap)}.reading-page .reading-paper{max-width:calc(100% - var(--reader-control-size) - var(--reader-control-gap))}.proposal-book-stage{display:block}.proposal-canvas-frame{min-width:0;width:calc(100% - var(--reader-control-size) - var(--reader-control-gap));height:100%;position:relative}.proposal-book-stage>.page-side-controls{left:calc(var(--reader-page-right,100%) + var(--reader-control-gap));top:var(--reader-page-center,50%);position:absolute;transform:translateY(-50%)}@media (max-width:860px){.paper-stage,.proposal-book-stage{--reader-control-gap:12px}}@media (prefers-reduced-motion:reduce){.page-side-controls button{transition:none}}.reader-touch-tools{display:none}@media (max-width:860px),(pointer:coarse){.reading-page .reader-shell.touch-reader{height:auto;min-height:100svh}.reading-page .touch-reader .reader-workspace{flex-direction:column;gap:24px;padding:12px 22px 20px;display:flex;overflow:visible}.reading-page .touch-reader .paper-stage{--reader-control-gap:12px;height:auto;padding:12px 5px}.reading-page .touch-reader .reading-paper{width:min(100%,43.834svh);height:auto}.reading-page .touch-reader .detail-area{min-height:0;padding:0}.reading-page .touch-reader .detail-viewport{flex:none;height:clamp(280px,58svh,520px);min-height:0}.touch-reader .desktop-zoom-controls,.touch-reader .detail-instruction{display:none}.touch-reader .touch-detail-viewport{touch-action:none;overscroll-behavior:contain;cursor:grab;isolation:isolate}.touch-reader .touch-detail-viewport:active{cursor:grabbing}.touch-reader .touch-detail-viewport img{-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform;max-width:none}.reader-touch-tools{color:#7a867e;justify-content:space-between;align-items:center;gap:12px;height:44px;min-height:44px;padding:0;font-size:11px;display:flex}.reader-touch-tools>div{align-items:center;gap:4px;display:flex}.reader-touch-tools button{color:#52695a;font-variant-numeric:tabular-nums;touch-action:manipulation;background:0 0;border:0;place-items:center;min-width:44px;height:44px;font-size:12px;display:grid}.reader-touch-tools button:disabled{opacity:.3}.proposal-reader.touch-reader{flex-direction:column;height:auto;min-height:100svh;display:flex;overflow:visible}.proposal-reader.touch-reader .proposal-workspace{flex-direction:column;flex:1;gap:24px;min-height:0;padding:12px 22px 20px;display:flex}.proposal-reader.touch-reader .proposal-book-stage{--reader-control-gap:12px;flex:none;height:min(62svh,640px);min-height:260px}.proposal-reader.touch-reader .proposal-detail{gap:12px;min-height:0;display:flex}.proposal-reader.touch-reader .proposal-detail-image{aspect-ratio:auto;height:clamp(280px,58svh,520px);max-height:none}.proposal-reader.touch-reader .proposal-header{z-index:25;background:#f5f6f4;min-height:70px;padding:12px 18px;position:sticky;top:0}.proposal-reader.touch-reader .proposal-footer{z-index:25;background:#f5f6f4;min-height:77px;padding:12px 18px;position:sticky;bottom:0}.proposal-reader.touch-reader .proposal-header h1 span,.proposal-reader.touch-reader .proposal-return>span:last-child{display:none}}