.annot{gap:10px;min-width:0;display:grid}.annot p{margin:0}.annot button{border:1px solid var(--fin-line,#cbd5e1);background:var(--fin-surface,#fff);min-height:40px;color:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-weight:600}.annot button.primary{background:var(--fin-primary,#4f46e5);border-color:var(--fin-primary,#4f46e5);color:#fff}.annot button:disabled{opacity:.5;cursor:default}.annot-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.annot-head>div{min-width:0;display:grid}.annot-head small{color:var(--fin-muted,#475569);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.annot-note{background:var(--fin-tint,#eef2ff);border-radius:10px;padding:8px 10px}.annot-toolbar{gap:8px;display:grid}.annot-tools,.annot-actions,.annot-nav,.annot-options{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.annot-nav{justify-content:space-between}.annot-nav>span{text-align:center;flex:auto;font-weight:600}.annot-nav>:last-child{flex:0 150px}.annot-options>:first-child{flex:0 110px}.annot-swatches{flex-wrap:wrap;gap:4px;display:flex}.annot .annot-swatches button{width:28px;height:28px;min-height:28px;box-shadow:0 0 0 1px var(--fin-line,#cbd5e1);border:2px solid #0000;padding:0}.annot .annot-swatches button.on{box-shadow:0 0 0 2px var(--fin-primary,#4f46e5);border-color:#fff}.annot-scroller{background:var(--fin-tint,#f1f5f9);-webkit-overflow-scrolling:touch;border-radius:12px;min-width:0;max-height:min(78vh,900px);padding:6px;overflow:auto}.annot-page{background:#fff;margin:0 auto;position:relative;box-shadow:0 1px 4px #0f172a33}.annot-page canvas{display:block}.annot-layer{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.annot-layer.annot-pen,.annot-layer.annot-area,.annot-layer.annot-highlight,.annot-layer.annot-strikeout{touch-action:none;cursor:crosshair}.annot-layer.annot-text{cursor:text}.annot-outline{stroke:#1e88e5;stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.annot-text-input{background:#fff;border:3px solid #00bfff;border-radius:3px;min-width:120px;padding:2px 4px;position:absolute}@media (width<=640px){.annot-scroller{max-height:70vh;padding:2px}.annot-actions{justify-content:flex-end}}.ex-evaluate-file{gap:8px;min-width:0;display:grid}.ex-evaluate-file>button{border:1px solid var(--fin-line,#cbd5e1);background:var(--fin-surface,#fff);min-height:40px;color:inherit;border-radius:999px;justify-self:start;padding:0 14px;font-weight:600}
