.zr-bar{z-index:3;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin:0 -8px;padding:10px 12px;display:flex;position:sticky;top:0}.zr-bar .zr-count{font:500 13px var(--mono);color:var(--fg-2);letter-spacing:0;min-width:0;margin-right:auto}.zr-toggle[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.zr-search{gap:10px;display:grid}.zr-search form{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.zr-search form label.zr-q{flex:220px;gap:6px;min-width:0;display:grid}.zr-matches{gap:4px;max-height:180px;margin:0;padding:0;font-size:14px;list-style:none;display:grid;overflow:auto}.zr-matches button{all:unset;cursor:pointer;box-sizing:border-box;border-radius:8px;gap:10px;width:100%;padding:6px 8px;display:flex}.zr-matches button:hover{background:var(--fill,var(--surface-sunk))}.zr-matches button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.zr-matches .zr-pg{font:500 12.5px var(--mono);color:var(--muted);white-space:nowrap;letter-spacing:0}.zr-matches .zr-t{overflow-wrap:anywhere;min-width:0}.zr-pages{justify-items:center;gap:18px;padding:16px 0 8px;display:grid}.zr-page{width:100%;max-width:820px;box-shadow:0 0 0 1px var(--line), 0 6px 20px #00000014;background:#fff;border-radius:4px;position:relative;overflow:hidden}.zr-page canvas{width:100%;height:100%;display:block}.zr-page .zr-pnum{font:500 12px var(--mono);color:#fff;letter-spacing:0;pointer-events:none;background:#141414b8;border-radius:999px;padding:2px 8px;position:absolute;bottom:8px;left:8px}.zr-layer{position:absolute;inset:0}.zr-layer.zr-draw{cursor:crosshair;touch-action:none}.zr-box{cursor:pointer;outline-offset:-1px;background:#000;border:0;border-radius:1px;outline:1px solid #ffffff59;margin:0;padding:0;position:absolute}.zr-box.zr-live{pointer-events:none;background:#0000008c}.zr-box[aria-pressed=true]{outline:2px solid var(--focus,#3b82f6);outline-offset:1px}.zr-box:focus-visible{outline:2px solid var(--focus,#3b82f6);outline-offset:2px}.zr-x{background:var(--danger-text,#c62828);color:#fff;cursor:pointer;z-index:2;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d}.zr-x svg{width:16px;height:16px}.zr-x:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.zr-check{gap:10px;display:grid}.zr-check table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.zr-check th,.zr-check td{text-align:left;border-top:1px solid var(--line);overflow-wrap:anywhere;vertical-align:top;padding:7px 10px}.zr-check thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-top:0;font-size:12.5px;font-weight:600}.zr-ok{color:var(--success-text,var(--fg));font-weight:600}.zr-bad{color:var(--danger-text);font-weight:600}.zr-head{align-items:flex-start;gap:10px;display:flex}.zr-head svg{flex:none;width:22px;height:22px;margin-top:1px}.zr-panel{border:1px solid var(--line);border-radius:var(--r-tile,12px);background:var(--surface-sunk);gap:10px;padding:14px;display:grid}.zr-panel.zr-warn{border-color:var(--danger-text)}@media (max-width:520px){.zr-bar{margin:0 -4px;padding:8px}.zr-pages{gap:12px}}