.reading-open{min-height:46px;margin:0 0 16px}.reading-preview{box-sizing:border-box;width:min(100vw - 20px,980px);max-width:980px;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:0;border:1px solid #526780;border-radius:16px;background:#111a27;color:#eef3f8;overflow:hidden}.reading-preview[open]{display:flex;flex-direction:column}.reading-preview::backdrop{background:#000c}.reading-preview header,.reading-preview footer{flex-shrink:0;padding:12px 16px;background:#162233}.reading-preview header{display:flex;justify-content:space-between;align-items:start;gap:12px}.reading-preview h2{font-size:1.1rem;margin:0;overflow-wrap:anywhere}.reading-preview p{margin:6px 0;font-size:.9rem}.reading-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;display:flex;align-items:center;flex-direction:column}.reading-stage img{display:block;max-width:100%;height:auto;width:auto;max-height:100%;object-fit:contain}.reading-stage img[hidden]{display:none}.reading-stage p:not(:empty){background:#27354a;padding:12px;border-radius:8px}.reading-preview footer label{display:flex;align-items:center;gap:12px;font-size:.9rem}.reading-preview select{flex:1;min-width:0;width:100%;padding:8px}.reading-controls{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px;margin-top:8px}.reading-preview button{min-height:44px;white-space:normal}.reading-preview button:disabled{opacity:.45}.text-undo{font-size:.875rem;min-height:44px;margin:4px 0 12px}.backup-nudge{border:1px solid #425777;border-radius:12px;padding:12px;margin:16px 0;background:#142137;color:#ecf3fd}.backup-nudge p{margin:0 0 10px}.backup-nudge div{display:flex;flex-wrap:wrap;gap:8px}
.reading-preview.review-only .reading-controls{grid-template-columns:1fr 1fr}