/* cvi42 quick keys (web/cvikeys.js): annotation text box, multi-view, key sheet, toast */
.vp.cv-anno{cursor:crosshair}
.cv-text{position:absolute;z-index:3;height:24px;width:180px;padding:0 8px;border-radius:5px;border:1px solid #4ecdc4;background:rgba(16,16,16,.92);color:var(--ink);font:500 12px Inter,system-ui,sans-serif;outline:none}
.cv-mv{position:absolute;inset:0;z-index:4;background:#000;cursor:pointer}
.cv-mv[hidden]{display:none}
.cv-mv canvas{position:absolute;inset:0;width:100%;height:100%}
.cv-sheet{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow:auto;background:#141414;border:1px solid #2c2c2c;border-radius:12px;padding:16px 18px;box-shadow:0 16px 48px rgba(0,0,0,.6);font-size:12px;color:var(--ink2)}
.cv-sheet[hidden]{display:none}
.cv-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 24px;margin-top:8px}
.cv-h{color:var(--acc);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:10px 0 4px}
.cv-r{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px solid #1e1e1e}
.cv-r kbd{font:500 11px "IBM Plex Mono",ui-monospace,monospace;color:var(--ink);text-align:right}
.cv-keys{display:block;width:100%;margin-top:12px;padding:8px 0 0;border:0;border-top:1px solid #222;background:none;color:var(--ink2);font:500 12px Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.cv-keys:hover{color:var(--ink)}
.cvtoast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:7px 14px;border-radius:7px;background:rgba(16,16,16,.94);border:1px solid #2c2c2c;color:var(--ink2);font-size:12px;z-index:50}
.cvtoast[hidden]{display:none}
.chip.cv-rev{margin-left:6px;vertical-align:1px}
/* right-click menus */
.cv-menu{position:fixed;z-index:60;min-width:250px;padding:4px;border-radius:8px;background:#151515;border:1px solid #2e2e2e;box-shadow:0 12px 32px rgba(0,0,0,.55);font:500 12px Inter,system-ui,sans-serif}
.cv-mh{padding:7px 10px 3px;color:var(--ink3,#777);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.cv-mi{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;height:26px;padding:0 10px;border:0;border-radius:5px;background:none;color:var(--ink2);font:inherit;text-align:left;cursor:pointer}
.cv-mi:hover:not(:disabled){background:#252525;color:var(--ink)}
.cv-mi:disabled{opacity:.35;cursor:default}
.cv-mi kbd{font:500 11px "IBM Plex Mono",ui-monospace,monospace;color:var(--ink3,#777)}
.cv-mi i{font-style:normal;color:var(--ink3,#777)}