.extension-reference-notes{--surface:var(--muted);--ink:var(--foreground);--bg:var(--background);color:var(--foreground);font-size:14px;line-height:1.5}.extension-reference-notes .annotation-hint,.extension-reference-notes .small-note{color:var(--muted-foreground)}.extension-reference-notes .annotation-canvas{width:fit-content;max-width:100%;margin:16px auto;line-height:0;position:relative}.extension-reference-notes .annotation-canvas img{border-radius:12px;width:auto;max-width:100%;max-height:420px;display:block}.extension-reference-notes .annotation-media{background:#111;border-radius:12px;width:100%;max-height:420px;display:block}.extension-reference-notes .annotation-pin{color:#fff;background:#202020;border:2px solid #fff;border-radius:50%;place-items:center;font:600 11px system-ui;display:grid;position:absolute;transform:translate(-50%,-50%)}.extension-reference-notes .annotation-list{padding:0;list-style:none}.extension-reference-notes .annotation-list li{justify-content:space-between;display:flex}.extension-reference-notes .annotation-copy{overflow-wrap:anywhere}.extension-reference-notes .icon-button{place-items:center;display:inline-grid}.extension-reference-notes textarea{width:100%;color:inherit}.extension-reference-notes button{cursor:pointer}.extension-reference-notes button:disabled{cursor:default;opacity:.5}.extension-reference-reason{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:16px}.extension-reference-notes .annotation-hint{color:var(--muted-foreground);margin:0 0 12px;font-size:11px;line-height:1.5}.extension-reference-notes .annotation-canvas{isolation:isolate}.extension-reference-notes .annotation-canvas img{cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.extension-reference-notes .annotation-pin{pointer-events:auto;touch-action:none;cursor:grab;z-index:2;width:25px;height:25px;padding:0;box-shadow:0 2px 8px #0005}.extension-reference-notes .annotation-pin:active{cursor:grabbing}.extension-reference-notes .annotation-pin.is-selected{color:#171717;background:#f2a0b8;outline:3px solid #f2a0b830}.extension-reference-notes .annotation-pin:focus-visible{outline-offset:3px;outline:3px solid #f2a0b8}.extension-reference-notes .annotation-pin-new{pointer-events:none;color:#171717;background:#f2a0b8;animation:.16s ease-out pin-arrive}.extension-reference-notes .annotation-composer{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:12px 0 16px;padding:12px}.extension-reference-notes .annotation-composer-heading{justify-content:space-between;align-items:center;min-height:24px;margin-bottom:8px;display:flex}.extension-reference-notes .annotation-composer-heading strong{font-size:12px;font-weight:500}.extension-reference-notes .annotation-composer-heading .icon-button{width:24px;height:24px}.extension-reference-notes .annotation-composer-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.extension-reference-notes .annotation-composer-actions>span{color:var(--muted-foreground);font-size:10px}.extension-reference-notes .annotation-submit{background:var(--ink);color:var(--bg);border-radius:18px;min-height:32px;padding:8px 13px;font-size:11px;font-weight:550}.extension-reference-notes .annotation-range{color:var(--muted-foreground);align-items:center;gap:6px;margin:8px 0;font-size:11px;display:flex}.extension-reference-notes .annotation-range input{border:1px solid var(--border);border-radius:6px;width:64px;padding:5px}.extension-reference-notes .annotation-moment{align-items:center;gap:6px;margin-bottom:10px;font-size:11px;display:flex}.extension-reference-notes .annotation-list-heading{color:var(--muted-foreground);justify-content:space-between;margin:16px 0 4px;font-size:10px;display:flex}.extension-reference-notes .annotation-list{margin:0 0 18px}.extension-reference-notes .annotation-list li{border-bottom:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:4px;padding:0}.extension-reference-notes .annotation-list li.is-selected{background:var(--surface)}.extension-reference-notes .annotation-item{text-align:left;flex:1;align-items:flex-start;gap:9px;min-width:0;padding:12px 4px;display:flex}.extension-reference-notes .annotation-item>.annotation-number{background:var(--surface);border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.extension-reference-notes .annotation-item>span:nth-child(2){flex:1;min-width:0}.extension-reference-notes .annotation-item small{color:var(--muted-foreground);margin-bottom:3px;font-size:10px;line-height:1.4;display:block}.extension-reference-notes .annotation-copy{white-space:pre-wrap;font-size:12px;line-height:1.5;display:block}.extension-reference-notes .annotation-item>svg{color:var(--muted-foreground);opacity:0;flex-shrink:0;margin-top:3px}.extension-reference-notes .annotation-item:hover>svg,.extension-reference-notes .annotation-item:focus-visible>svg{opacity:1}.extension-reference-notes .annotation-delete{width:28px;height:28px;color:var(--muted-foreground);flex-shrink:0;margin-top:8px}.extension-reference-notes .annotation-error{color:#f2a0b8;font-size:11px;line-height:1.5}.extension-reference-notes .annotation-undo{color:var(--muted-foreground);justify-content:space-between;align-items:center;margin:10px 0;font-size:11px;display:flex}.extension-reference-notes .annotation-undo button{color:var(--ink);text-decoration:underline}.extension-reference-notes .annotation-editor .annotation-composer textarea{min-height:64px;box-shadow:none;resize:vertical;background:0 0;border:0;margin:0;padding:0;font-size:14px;line-height:1.5}.extension-reference-notes .annotation-hint,.extension-reference-notes .annotation-copy{font-size:14px}.extension-reference-notes .annotation-submit{min-height:40px;font-size:13px}.extension-reference-notes .annotation-error{color:var(--destructive)}.extension-reference-notes .annotation-delete{min-width:36px;min-height:36px}.extension-reference-notes button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}