:root{--serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Avenir Next", "Segoe UI", Arial, sans-serif;--ink: #16130f;--paper: #f5f0e7;--paper-2: #ece4d6;--line: #d8cdb9;--amber: #b8833f;--amber-2: #d29a4e;--muted: #8a7f6d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.pv{height:100vh;display:flex;flex-direction:column;overflow:hidden}.pv-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.6rem;background:var(--ink);color:#f4eee1;border-bottom:1px solid rgba(255,255,255,.06)}.brand h1{font-family:var(--serif);font-size:1.5rem;font-weight:500;margin:.15rem 0 0}.eyebrow{display:inline-block;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--amber-2)}.brand p{margin:.35rem 0 0;font-size:.82rem;opacity:.6;max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:flex-end}.btn{min-height:38px;padding:0 .9rem;border:1px solid var(--line);background:transparent;color:inherit;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:2px}.pv-top .btn.ghost{color:#f4eee1;border-color:#ffffff4d}.pv-top .btn.ghost.active{border-color:var(--amber-2);background:#d29a4e29}.btn.primary{background:var(--amber);border-color:var(--amber);color:#17110a}.pv-body{flex:1;display:flex;min-height:0}.pv-toc{width:300px;min-width:300px;overflow-y:auto;background:var(--paper-2);border-right:1px solid var(--line);padding:1.4rem 1.1rem}.panel-label{display:block;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem}.toc-item{display:flex;gap:.55rem;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--line);padding:.7rem .2rem;color:var(--ink);font-size:.87rem;line-height:1.4}.toc-item:hover{color:var(--amber)}.toc-num{font-size:.7rem;color:var(--muted);min-width:1.2rem}.empty{color:var(--muted);font-size:.85rem;line-height:1.5}.pv-stage{flex:1;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -10%,#fff,var(--paper) 70%)}.pv-status{display:flex;gap:1.5rem;padding:.7rem 1.4rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.pv-area-shell{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;padding:1.5rem 2rem}.pv-area{flex:1;max-width:760px;height:100%;min-height:0;background:#fdfcfb;box-shadow:0 20px 50px #1e160c29}.pv-area iframe{width:100%;height:100%;border:none}.pv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f5f0e7b3;color:var(--muted);font-size:1rem}.pv-error{position:absolute;bottom:1rem;left:1rem;right:1rem;text-align:center;color:#9c3d20;background:#b0502e1f;padding:.7rem;font-size:.85rem}.dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-align:center;padding:2rem}.drop-icon{font-size:2.4rem;color:var(--amber)}.dropzone strong{font-family:var(--serif);font-size:1.4rem;font-weight:500}.dropzone p{color:var(--muted);font-size:.85rem;max-width:34ch}@media (max-width: 760px){.pv{height:auto;overflow:visible}.pv-top{flex-direction:column;align-items:flex-start}.pv-body{flex-direction:column}.pv-toc{width:100%;min-width:0}.pv-stage{min-height:70vh}}