#controls label{align-items:center;gap:6px;display:inline-flex}#controls input[type=number],#controls select{font:inherit;border:1px solid var(--line);border-radius:3px;width:90px;padding:4px 6px}#status,#summary{margin-top:12px}.bar{background:var(--line);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.bar>i{background:var(--accent);height:100%;transition:width 80ms linear;display:block}#pages{gap:20px;margin-top:20px;display:grid}.page{background:var(--panel);border:1px solid var(--line);border-radius:4px;grid-template-columns:240px 1fr;align-items:start;gap:16px;padding:12px;display:grid}.page figure{border:1px solid var(--line);background:#fff;margin:0;overflow:hidden}.page figure img{width:100%;height:auto;display:block}.meta td:first-child{color:var(--muted);width:130px}#diagnostics pre.warnings{border:1px solid var(--line);white-space:pre-wrap;max-height:220px;color:var(--warn);background:#f7f7f4;border-radius:3px;margin:6px 0 0;padding:8px 10px;overflow:auto}#diagnostics td:first-child{width:44px}