:root{--left-sidebar-w:232px;--left-sidebar-collapsed-w:0px;--right-rail-w:clamp(360px, 26vw, 520px);--right-rail-collapsed-w:0px;--reader-gap:16px;--reader-max-w-expanded:clamp(1120px, 82vw, 1920px);--reader-max-w-right-collapsed:clamp(960px, 70vw, 1600px);--reader-max-w-focus:clamp(1024px, 75vw, 1700px);--topbar-h:52px;--stepper-h:44px;--chips-h:44px;--bottom-dock-h:60px;--reader-anim-strip-h:50px;--edge-handle-w:24px}.reader-viewport{grid-template-columns:var(--left-sidebar-w) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.reader-viewport[data-left-collapsed=true]{grid-template-columns:var(--left-sidebar-collapsed-w) minmax(0, 1fr)}.reader-workspace-wrap{justify-content:center;min-width:0;display:flex}.reader-workspace{grid-template-columns:minmax(0, 1fr) var(--right-rail-w);gap:var(--reader-gap);width:min(100%, var(--reader-max-w-expanded));padding-inline:var(--reader-gap);transition:width .2s,grid-template-columns .2s;display:grid}.reader-workspace[data-right-collapsed=true]{width:min(100%, var(--reader-max-w-right-collapsed));grid-template-columns:minmax(0,1fr)}.reader-workspace[data-focus-mode=true]{width:min(100%, var(--reader-max-w-focus))}.reader-main{flex-direction:column;min-width:0;min-height:0;display:flex}.reader-workspace-flex{width:min(100%, var(--reader-max-w-expanded));margin-inline:auto;transition:width .2s}.reader-workspace-flex[data-right-collapsed=true]{width:min(100%, var(--reader-max-w-right-collapsed))}.reader-workspace-flex[data-focus-mode=true]{width:min(100%, var(--reader-max-w-focus))}.reader-shell{flex-direction:column;width:100%;min-width:0;display:flex}.reader-shell-topbar{width:100%}.reader-shell-workspace-wrap{flex:1 1 0;justify-content:center;width:100%;min-width:0;min-height:0;display:flex}.reader-shell-workspace{gap:var(--reader-gap);padding-inline:var(--reader-gap);width:min(100%, var(--reader-max-w-expanded));grid-template-columns:minmax(0,1fr);min-width:0;height:100%;min-height:0;transition:width .2s;display:grid}.reader-shell-workspace[data-right-collapsed=true],.reader-shell-workspace[data-focus-mode=true],.reader-shell-bottom-dock{width:100%}