.ai-material-overlay{position:fixed;overflow:hidden;pointer-events:none;z-index:14;contain:strict}
.ai-material-overlay[hidden]{display:none}
.ai-material-line{position:absolute;background:var(--ai-mark);pointer-events:none}
.ai-material-line[data-type=highlight]{opacity:.22}
.ai-material-line[data-type=note]{background:transparent}
.design-web .ai-material-overlay button.ai-material-number{position:absolute;pointer-events:auto;display:grid;place-items:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:0 0 0 20px;border:0;border-radius:50%;background:transparent;color:#fff;font:12px/1 sans-serif;isolation:isolate}
.ai-material-number::before{content:'';position:absolute;inset:10px 0 10px 20px;border-radius:50%;background:var(--ai-mark);box-shadow:0 0 0 1px #fff;z-index:-1}
body:has(#exam.is-annotating) .ai-material-number{pointer-events:none}
.design-web #exam .exam-header #toggleAiAnnotations{display:grid;place-items:center;width:44px;min-width:44px;flex:0 0 44px;height:44px;min-height:44px;padding:0;border-radius:50%;color:#737373;background:transparent}
.design-web #exam .exam-header #toggleAiAnnotations.selected{color:#171717;background:#eee}
.design-web #exam .exam-header #toggleAiAnnotations[hidden]{display:none}
.design-web #exam .exam-header #toggleAiAnnotations svg{display:block;width:24px;height:24px;margin:0}
.ai-material-note{position:fixed;z-index:1000;width:min(340px,calc(100vw - 16px));max-height:min(50dvh,calc(100dvh - 16px));display:flex;flex-direction:column;background:#fff;border:1px solid #ddd;border-radius:16px;padding:12px;box-sizing:border-box;box-shadow:0 4px 24px #0002;overflow-wrap:anywhere;color:#222}
.ai-material-note-head{display:flex;align-items:center;gap:8px;flex-shrink:0}
.ai-material-note button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.ai-material-note-head>.ai-material-note-handle{flex:1;min-width:0;text-align:left;cursor:grab;touch-action:none;user-select:none;font-weight:600;background:transparent}
.ai-material-note-handle:active{cursor:grabbing}
.ai-material-note-body{min-height:0;overflow:auto;overscroll-behavior:contain;white-space:pre-wrap}
.ai-material-focus{position:absolute;background:#ffe08266;pointer-events:none}