.grid{display:grid;grid-template-columns:320px 1fr;gap:12px;align-items:start}
.page-list{display:flex;flex-direction:column;gap:8px;max-height:64vh;overflow:auto;padding-right:4px}
.page-row{display:flex;gap:8px;align-items:center}
.page-row .num{font-weight:700;min-width:48px}
.page-row .btn{min-height:36px}
.page-row .icon-btn{width:38px;padding:8px 0;font-size:16px}
.page-row input[type="checkbox"]{width:18px;height:18px}
.preview{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:auto}
#previewCanvas{display:block;margin:0 auto;max-width:100%;height:auto}
@media (max-width:980px){
  .grid{grid-template-columns:1fr}
  .page-list{max-height:none}
}