.annotations-toolbar,.annotations-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.annotations-toolbar { justify-content:space-between; margin:20px 0; gap:16px; }
.annotations-grid { display:grid; grid-template-columns:290px minmax(0,1fr); gap:20px; align-items:start; }
.annotations-grid h2 { font-size:1.05rem; }
.annotations-preview { background:#e9eef5; border-radius:12px; padding:16px; min-width:0; }
.annotations-page { position:relative; width:100%; }
.annotations-page canvas { display:block; width:100%; height:auto; }
#annotations-overlay { position:absolute; inset:0; height:100%; touch-action:none; cursor:crosshair; }
#annotations-overlay:focus-visible { outline:2px solid var(--navy); outline-offset:3px; }
#annotations-signature { display:block; width:100%; height:auto; border:1px solid var(--line); background:#fff; touch-action:none; }
.annotations-positions { display:grid; grid-template-columns:1fr 1fr; gap:8px; font-size:.85rem; }
#annotations-list { padding-left:20px; max-height:300px; overflow:auto; }
#annotations-list li { overflow-wrap:anywhere; padding:6px 0; }
#annotations-list button { display:block; margin-top:4px; }
#annotations-status[data-error="true"] { color:#b02a37; }
.pdf-annotations [hidden] { display:none!important; }
@media(max-width:800px) { .annotations-grid { grid-template-columns:1fr; } .annotations-preview { order:-1; padding:8px; } }