.wizard-reader { height: 100%; min-height: 0; display: flex; flex-direction: column; background: #09090b; color: #f4f4f5; font-family: var(--sans, system-ui); }
.reader-toolbar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.1); background: #0d0d10; flex-wrap: wrap; }
.reader-toolbar-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.reader-button, .reader-file-label { min-height: 36px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.045); color: #d4d4d8; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-size: 12px; cursor: pointer; }
.reader-button:hover, .reader-file-label:hover, .reader-button.is-active { border-color: #c9a24a; color: #f3d98b; }
.reader-file { position: absolute; left: -9999px; }
.reader-status { min-height: 30px; padding: 8px 14px; color: #8b8b94; font: 11px var(--mono, monospace); border-bottom: 1px solid rgba(255,255,255,0.08); }
.reader-canvas { flex: 1; min-height: 0; overflow: auto; padding: 20px; }
.reader-text { max-width: 920px; margin: 0 auto; color: #d9d7d1; white-space: pre-wrap; word-break: break-word; line-height: 1.75; font: 15px var(--mono, monospace); }
.reader-book { height: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; perspective: 1600px; }
.reader-page { min-height: 0; overflow: auto; border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; padding: 30px; background: radial-gradient(circle at top left, rgba(201,162,74,0.08), transparent 36%), linear-gradient(180deg, #18181b, #09090b); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02); color: #d9d7d1; white-space: pre-wrap; line-height: 1.85; font: 14px var(--mono, monospace); }
.reader-page-header { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); color: #f3d98b; font: 11px var(--sans, system-ui); text-transform: uppercase; letter-spacing: 0.16em; }
.reader-highlight { background: #fef08c; color: #050505; border-radius: 4px; padding: 1px 3px; }
@media (max-width: 800px) { .reader-book { grid-template-columns: 1fr; } .reader-page:nth-child(2) { display: none; } .reader-toolbar { align-items: flex-start; } }