:root{--ink:#16181d;--muted:#667085;--line:#e3e5ea;--bg:#f6f7f9;--accent:#1f4fd8;--mark:#e11d48;color:var(--ink);font:15px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 8px}label{gap:4px;font-weight:600;display:grid}.page-wrap{max-width:960px;margin:0 auto;padding:24px 16px}.narrow{border:1px solid var(--line);background:#fff;border-radius:10px;gap:12px;max-width:380px;margin:12vh auto;padding:24px;display:grid}.row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:16px;padding:16px}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.list li:first-child{border-top:0}.muted{color:var(--muted)}.error{color:#b42318}.center{text-align:center;color:var(--muted);padding:48px}.badge{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:8px}.viewer{grid-template-rows:auto 1fr;grid-template-columns:1fr 340px;height:100vh;display:grid}.toolbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;padding:8px 12px;display:flex}.stage{padding:16px;overflow:auto}.side{border-left:1px solid var(--line);background:#fff;align-content:start;gap:12px;padding:12px;display:grid;overflow:auto}.page{background:#fff;margin:0 auto 12px;position:relative;box-shadow:0 1px 4px #00000026}.page canvas,.page img{width:100%;height:100%;display:block}.overlay{width:100%;height:100%;position:absolute;inset:0}.pin{background:var(--mark);color:#fff;border:2px solid #fff;border-radius:50%;width:26px;height:26px;padding:0;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.pin[data-status=opgelost]{background:#12805c}.pin[aria-current=true]{outline:3px solid var(--ink)}.thread{border:1px solid var(--line);border-radius:8px;gap:8px;padding:10px;display:grid}.thread[aria-current=true]{border-color:var(--ink)}@media (width<=800px){.viewer{grid-template-rows:auto 60vh auto;grid-template-columns:1fr;height:auto}.side{border-left:0;border-top:1px solid var(--line)}}