.preview-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.preview-intro>span{color:var(--fg-2);font-size:12px}.preview-controls{flex-wrap:wrap}.preview-controls .summary-jump{margin-right:auto;font-weight:600}.preview-controls button:disabled{opacity:.4;cursor:not-allowed}.preview-cover-button{text-align:center;width:100%;display:block}.preview-cover-button>span{margin-top:10px;display:block}.preview-page-list{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;display:grid}.preview-page-list button{border:1px solid var(--line-strong);background:var(--surface);border-radius:4px;padding:8px 5px}.preview-page-list button[aria-current=page]{color:#fff;background:#078648;border-color:#078648}.preview-raster{background:#fff;width:100%;height:auto;display:block}.preview-pagination{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.preview-pagination label{white-space:nowrap}.preview-pagination input{text-align:center;border:1px solid var(--line-strong);background:var(--surface);border-radius:4px;width:48px;margin:0 5px;padding:6px 1px}.preview-end{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding:24px;display:flex}.preview-end>svg{color:#078648;flex-shrink:0}.preview-end h2{font-size:18px}.preview-end p{color:var(--fg-2);margin-top:5px;font-size:13px}.preview-end>a{margin-left:auto}.preview-container:fullscreen{background:var(--bg-sunken)}@media (max-width:600px){.preview-intro{font-size:12px}.preview-pagination{gap:4px;font-size:12px}.preview-pagination button{padding:0 8px;font-size:12px}.preview-pagination input{width:38px;margin:0 2px}.preview-end{gap:12px;padding:18px}.preview-end>a{width:100%;margin:0}.preview-end h2{font-size:16px}.preview-layout{min-height:0}.preview-scroll{max-height:75vh}.preview-controls button{padding:7px 5px}}