.reading-preview{position:fixed;inset:0;z-index:50;flex-direction:column;color:var(--read-ink);isolation:isolate}.reading-preview,.reading-preview-header{display:flex;background:var(--read-ground)}.reading-preview-header{flex:none;align-items:center;gap:16px;padding:calc(10px + env(safe-area-inset-top,0px)) 24px 10px;border-bottom:1px solid var(--read-hairline);z-index:20}.reading-preview-footer button,.reading-preview-header button{min-height:44px;border:1px solid var(--read-hairline);border-radius:8px;padding:10px 16px;background:transparent;color:inherit;font:500 14px/1.4 var(--font-ui,system-ui,sans-serif)}.reading-preview-header .reading-preview-back{display:inline-flex;align-items:center;gap:7px}.reading-preview-context{display:grid;gap:2px;min-width:0}.reading-preview-context strong{font-size:14px;font-weight:500}.reading-preview-context small{font-size:12px;color:var(--read-quiet)}.reading-preview-tools{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.reading-preview-tools>div{display:flex}.reading-preview-tools .document-view-tools{padding:0;border:0;background:transparent}.reading-preview-tools button{min-width:44px}.reading-preview-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:24px!important;scrollbar-gutter:stable}.reading-preview .reading-preview-title{padding-top:clamp(24px,3vw,40px);padding-bottom:24px}.reading-preview .reading-preview-title p{margin-top:10px}.reading-preview-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--read-hairline);background:var(--read-ground)}.reading-preview-facts{display:flex;gap:8px 18px;flex-wrap:wrap;min-width:0;font-size:12px;color:var(--read-quiet)}.reading-preview-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reading-preview-footer .reading-preview-primary{background:var(--read-accent);border-color:var(--read-accent);color:var(--read-accent-ink)}.reading-preview button:focus-visible{outline:2px solid var(--read-accent);outline-offset:3px}.reading-preview button:disabled{opacity:.5}@media(max-width:600px){.reading-preview-header{padding-inline:12px;gap:10px;flex-wrap:wrap}.reading-preview-context{flex:1}.reading-preview-tools{flex-basis:100%;justify-content:flex-end}.reading-preview-footer{padding-inline:16px;gap:10px}.reading-preview-facts{flex-basis:100%;justify-content:space-between}.reading-preview-actions{width:100%}.reading-preview-actions button{flex:1}.reading-preview-content{scrollbar-gutter:auto}}@media(prefers-reduced-motion:no-preference){.reading-preview button{transition:background-color .15s,color .15s}.reading-preview button:hover:not(:disabled):not(.reading-preview-primary){background:var(--read-wash)}}