@qaiddev/thumbs-embed 1.8.0 → 1.9.0

package/dist/index.js

@@ -1,43 +1,43 @@
 const V = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5"/>
-</svg>`, N = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, U = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.737 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.095c.5 0 .905-.405.905-.905 0-.714.211-1.412.608-2.006L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5"/>
-</svg>`, Jt = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, re = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z"/>
-</svg>`, wt = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, St = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M8 10h8M8 14h5m-9 6l3.5-3.5H18a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v14z"/>
-</svg>`, Zt = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, de = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <rect x="4" y="6" width="16" height="12" rx="1" stroke-linejoin="round"/>
-</svg>`, te = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, ce = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M5 19L19 5m0 0h-8m8 0v8"/>
-</svg>`, ee = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, le = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/>
-</svg>`, ie = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, he = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M12 3s6 6.4 6 10a6 6 0 01-12 0c0-3.6 6-10 6-10z"/>
-</svg>`, oe = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, ue = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M9 14L4 9l5-5M4 9h11a5 5 0 010 10h-4"/>
-</svg>`, kt = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, Et = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M20 6L9 17l-5-5"/>
-</svg>`, ne = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, pe = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v8m0 4h.01"/>
-</svg>`, se = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+</svg>`, fe = `<svg xmlns="http://www.w3.org/2000/svg" class="qaid-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
   <path stroke-linecap="round" stroke-linejoin="round" d="M6 6l12 12M18 6L6 18"/>
-</svg>`, ae = "button{cursor:pointer}.qaid-buttons{display:flex;gap:.5rem}.qaid-buttons.qaid-vertical{flex-direction:column}.qaid-buttons.qaid-auto-container{position:fixed;z-index:50}.qaid-buttons.qaid-auto-container.qaid-bottom-right{bottom:1rem;right:1rem}.qaid-buttons.qaid-auto-container.qaid-bottom-left{bottom:1rem;left:1rem}.qaid-buttons.qaid-auto-container.qaid-top-right{top:1rem;right:1rem}.qaid-buttons.qaid-auto-container.qaid-top-left{top:1rem;left:1rem}.qaid-buttons.qaid-incognito{opacity:0;transition:opacity .2s ease-in-out}.qaid-buttons.qaid-incognito:hover{opacity:1}.qaid-buttons.qaid-dismissed{display:none!important}.qaid-dismiss-btn{width:20px;height:20px;padding:0;border:none;border-radius:50%;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;align-self:center;opacity:0;transition:opacity .15s,background .15s;cursor:pointer;pointer-events:auto;-webkit-appearance:none;appearance:none}.qaid-dismiss-btn:hover{background:#0009}.qaid-buttons:hover .qaid-dismiss-btn{opacity:1}button.qaid-btn-structural{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;appearance:none}.qaid-icon{width:24px;height:24px}:where(button.qaid-btn-structural)>svg:where(:not(.qaid-icon):not([width])){width:var(--qaid-icon-size, 24px);height:var(--qaid-icon-size, 24px)}.qaid-btn-structural:not(:has(svg)),.qaid-btn:not(:has(svg)){font-size:var(--qaid-icon-size, 24px);line-height:1}.qaid-emoji-icon{font-size:var(--qaid-icon-size, 24px);line-height:1}.qaid-buttons,.qaid-buttons *,.qaid-modal-container,.qaid-modal-container *{cursor:pointer!important}.qaid-tooltip-wrapper{position:relative}.qaid-tooltip-text{position:fixed;padding:.5rem .75rem;background:#1f2937;color:#fff;font-size:var(--qaid-font-size, 16px);font-weight:600;border-radius:.5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:99999}.qaid-tooltip-text.qaid-tooltip-visible{opacity:1}.qaid-targeting-overlay{position:fixed;inset:0;z-index:40;pointer-events:none}.qaid-capture-layer{position:fixed;inset:0;pointer-events:none;z-index:9999}@keyframes qaid-slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.qaid-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);z-index:41}.qaid-crosshair-h,.qaid-crosshair-v{position:fixed;pointer-events:none;z-index:42}.qaid-crosshair-h{left:0;right:0;height:1px;background:color-mix(in srgb,var(--qaid-negative) 60%,transparent)}.qaid-crosshair-v{top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--qaid-negative) 60%,transparent)}.qaid-type-up .qaid-crosshair-h,.qaid-type-up .qaid-crosshair-v{background:color-mix(in srgb,var(--qaid-positive) 60%,transparent)}.qaid-highlight-box{position:fixed;top:0;left:0;pointer-events:none;z-index:41;display:none;border:3px solid color-mix(in srgb,var(--qaid-negative) 80%,transparent);border-radius:2px;background:color-mix(in srgb,var(--qaid-negative) 8%,transparent);will-change:transform,width,height}.qaid-type-up .qaid-highlight-box{border-color:color-mix(in srgb,var(--qaid-positive) 80%,transparent);background:color-mix(in srgb,var(--qaid-positive) 8%,transparent)}.qaid-scope{position:fixed;width:80px;height:80px;pointer-events:none;z-index:43;transform:translate(-50%,-50%)}.qaid-scope-ring{position:absolute;inset:10px;border:2px solid color-mix(in srgb,var(--qaid-negative) 80%,transparent);border-radius:50%}.qaid-type-up .qaid-scope-ring{border-color:color-mix(in srgb,var(--qaid-positive) 80%,transparent)}.qaid-scope-ring-inner{position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--qaid-negative) 50%,transparent);border-radius:50%}.qaid-type-up .qaid-scope-ring-inner{border-color:color-mix(in srgb,var(--qaid-positive) 50%,transparent)}.qaid-scope-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--qaid-negative);border-radius:50%;transform:translate(-50%,-50%)}.qaid-type-up .qaid-scope-dot{background:var(--qaid-positive)}.qaid-selected-marker{position:fixed;border:3px solid var(--qaid-marker, #6365f1);border-radius:50%;pointer-events:none;z-index:44;animation:qaid-markerPulse 1.5s ease-in-out infinite}@keyframes qaid-markerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.qaid-backdrop{position:fixed;inset:0;z-index:45;background:#0000004d}.qaid-modal-container{position:fixed;z-index:50;display:flex;flex-direction:column;align-items:flex-start;max-height:calc(100vh - 32px);font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-modal-container.qaid-above{flex-direction:column-reverse}.qaid-modal-arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;position:relative;align-self:flex-start}.qaid-modal-container.qaid-below .qaid-modal-arrow{border-bottom:12px solid light-dark(#ffffff,#1f2937)}.qaid-modal-container.qaid-above .qaid-modal-arrow{border-top:12px solid light-dark(#ffffff,#1f2937)}.qaid-modal-box{color-scheme:inherit;background:light-dark(#ffffff,#1f2937);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));width:var(--qaid-modal-width, 400px);max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);overflow-y:auto}.qaid-modal-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}button.qaid-type-toggle{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;-webkit-appearance:none;appearance:none}button.qaid-type-toggle:hover{transform:scale(1.1)}button.qaid-type-toggle:not(.qaid-type-toggle-custom){width:2.5rem;height:2.5rem;border-radius:50%}button.qaid-type-toggle:not(.qaid-type-toggle-custom) svg{width:1.25rem;height:1.25rem}button.qaid-type-toggle.qaid-type-up{background:var(--qaid-positive);color:#fff}button.qaid-type-toggle.qaid-type-down{background:var(--qaid-negative);color:#fff}.qaid-type-static{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--qaid-marker, #6365f1);color:var(--qaid-marker-text, white)}.qaid-type-static svg{width:1.25rem;height:1.25rem}.qaid-modal-header-text{flex:1;min-width:0}.qaid-modal-title{font-size:calc(var(--qaid-font-size, 16px) * 1.125);font-weight:700;margin:0 0 .25rem;color:light-dark(#1f2937,#f9fafb)}.qaid-modal-subtitle{color:light-dark(#6b7280,#9ca3af);margin:0;font-size:calc(var(--qaid-font-size, 16px) * .875)}.qaid-textarea{width:100%;height:6rem;padding:.75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;font-family:inherit;font-size:var(--qaid-font-size, 16px);resize:vertical;margin-bottom:1rem;box-sizing:border-box;background:light-dark(#ffffff,#111827);color:light-dark(#1f2937,#f9fafb)}.qaid-textarea:focus{outline:none;border-color:var(--qaid-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 20%,transparent)}.qaid-btn-row{display:flex;gap:.5rem;justify-content:flex-end}button.qaid-btn-submit{padding:.5rem 1rem;background:var(--qaid-marker);color:var(--qaid-marker-text, white);border:none;border-radius:.5rem;font-size:calc(var(--qaid-font-size, 16px) * .875);font-weight:500;cursor:pointer;transition:background-color .2s,filter .2s;-webkit-appearance:none;appearance:none}button.qaid-btn-submit:hover{filter:brightness(.85)}button.qaid-btn-submit:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 30%,transparent)}.qaid-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:50;animation:qaid-slideUpSheet .3s ease-out;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-bottom-sheet-content{background:light-dark(#ffffff,#1f2937);border-radius:1rem 1rem 0 0;padding:1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.qaid-bottom-sheet-handle{width:36px;height:4px;background:light-dark(rgba(0,0,0,.2),rgba(255,255,255,.2));border-radius:2px;margin:0 auto 1rem}@keyframes qaid-slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}button.qaid-btn-record:hover{background:#dc2626;color:#fff}.qaid-recording-indicator{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:light-dark(#1f2937,#374151);color:#fff;border-radius:9999px;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:calc(var(--qaid-font-size, 16px) * .875);font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:99999;animation:qaid-slideDown .2s ease-out}.qaid-recording-dot{width:10px;height:10px;background:#dc2626;border-radius:50%;animation:qaid-dotPulse 1.5s ease-in-out infinite}@keyframes qaid-dotPulse{0%,to{opacity:1}50%{opacity:.3}}.qaid-recording-time{font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:center}button.qaid-recording-stop{padding:.25rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:9999px;font-size:calc(var(--qaid-font-size, 16px) * .75);font-weight:600;cursor:pointer;transition:background-color .2s;-webkit-appearance:none;appearance:none}button.qaid-recording-stop:hover{background:#b91c1c}.qaid-video-preview{position:fixed;inset:0 0 auto;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#0009;z-index:99998;animation:qaid-fadeIn .2s ease-out}@keyframes qaid-fadeIn{0%{opacity:0}to{opacity:1}}.qaid-video-preview-box{color-scheme:inherit;background:light-dark(#ffffff,#1f2937);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080;width:560px;max-width:100%;max-height:100%;overflow-y:auto;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-video-preview-box h3{font-size:calc(var(--qaid-font-size, 16px) * 1.125);font-weight:700;margin:0 0 1rem;color:light-dark(#1f2937,#f9fafb)}.qaid-video-preview-box video{width:100%;max-height:50vh;max-height:50dvh;object-fit:contain;border-radius:.5rem;background:#000;margin-bottom:1rem}.qaid-video-preview-box textarea{width:100%;height:4rem;padding:.75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;font-family:inherit;font-size:calc(var(--qaid-font-size, 16px) * .875);resize:vertical;margin-bottom:1rem;box-sizing:border-box;background:light-dark(#ffffff,#111827);color:light-dark(#1f2937,#f9fafb)}.qaid-video-preview-box textarea:focus{outline:none;border-color:var(--qaid-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 20%,transparent)}.qaid-video-error{margin:0 0 .75rem;font-size:calc(var(--qaid-font-size, 16px) * .875);font-weight:500;color:light-dark(#b91c1c,#fca5a5)}.qaid-video-preview-actions{display:flex;gap:.5rem;justify-content:flex-end}button.qaid-video-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:calc(var(--qaid-font-size, 16px) * .875);font-weight:500;cursor:pointer;transition:background-color .2s,filter .2s;-webkit-appearance:none;appearance:none}button.qaid-video-btn-cancel{background:light-dark(#f3f4f6,#374151);color:light-dark(#374151,#d1d5db)}button.qaid-video-btn-cancel:hover{background:light-dark(#e5e7eb,#4b5563)}button.qaid-video-btn-rerecord{background:light-dark(#fef3c7,#78350f);color:light-dark(#92400e,#fde68a)}button.qaid-video-btn-rerecord:hover{filter:brightness(.9)}button.qaid-video-btn-send{background:var(--qaid-marker);color:var(--qaid-marker-text, white)}button.qaid-video-btn-send:hover{filter:brightness(.85)}button.qaid-video-btn-send:disabled{opacity:.5;cursor:not-allowed}.qaid-video-sending{display:flex;align-items:center;gap:.5rem;font-size:calc(var(--qaid-font-size, 16px) * .875);color:light-dark(#6b7280,#9ca3af)}.qaid-annotate{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;gap:.75rem;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#000000d9;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px);animation:qaid-fadeIn .2s ease-out}.qaid-annotate-title{margin:0;font-size:var(--qaid-font-size, 16px);font-weight:700;text-align:center;color:#f9fafb}.qaid-annotate-desc{margin:0;font-size:calc(var(--qaid-font-size, 16px) * .8125);line-height:1.4;text-align:center;color:#f9fafbbf}.qaid-annotate-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.qaid-annotate-canvas{max-width:100%;max-height:100%;object-fit:contain;background:light-dark(#ffffff,#111827);border-radius:.5rem;box-shadow:0 10px 30px #00000080;touch-action:none;cursor:crosshair}.qaid-annotate-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding:.5rem .75rem;background:light-dark(#ffffff,#1f2937);border-radius:.75rem;box-shadow:0 10px 30px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5))}.qaid-annotate-tools,.qaid-annotate-actions{display:flex;gap:.375rem;align-items:center}button.qaid-annotate-tool,button.qaid-annotate-action{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:44px;min-height:44px;padding:0 .75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;background:light-dark(#f9fafb,#111827);color:light-dark(#1f2937,#f9fafb);font-family:inherit;font-size:calc(var(--qaid-font-size, 16px) * .8125);font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s,color .15s,border-color .15s,filter .15s}button.qaid-annotate-tool svg,button.qaid-annotate-action svg{width:20px;height:20px}.qaid-annotate-colors{display:flex;gap:.25rem;align-items:center}button.qaid-annotate-swatch{width:28px;height:28px;min-width:28px;padding:0;border-radius:9999px;border:2px solid light-dark(#d1d5db,#4b5563);background:var(--qaid-swatch, #000);cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .1s,box-shadow .15s,border-color .15s}button.qaid-annotate-swatch:hover{transform:scale(1.12)}button.qaid-annotate-swatch[aria-pressed=true]{border-color:light-dark(#111827,#f9fafb);box-shadow:0 0 0 2px var(--qaid-swatch)}@media(forced-colors:active){button.qaid-annotate-swatch[aria-pressed=true]{outline:2px solid Highlight;outline-offset:1px}}button.qaid-annotate-tool:hover,button.qaid-annotate-action:hover{background:light-dark(#eef2ff,#312e81)}button.qaid-annotate-tool[aria-pressed=true],button.qaid-annotate-done{background:var(--qaid-marker, #6365f1);color:var(--qaid-marker-text, #fff);border-color:var(--qaid-marker, #6365f1)}button.qaid-annotate-done:hover{filter:brightness(.9);background:var(--qaid-marker, #6365f1)}button.qaid-annotate-action:disabled{opacity:.45;cursor:not-allowed}@media(forced-colors:active){button.qaid-annotate-tool[aria-pressed=true],button.qaid-annotate-done{border:2px solid Highlight}.qaid-annotate-canvas{border:1px solid CanvasText}}button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--qaid-marker, #6365f1);outline-offset:2px}.qaid-textarea:focus-visible,button.qaid-btn-submit:focus-visible,.qaid-video-preview-box textarea:focus-visible{outline:2px solid var(--qaid-marker, #6365f1);outline-offset:2px}.qaid-buttons.qaid-incognito:focus-within{opacity:1}.qaid-buttons:focus-within .qaid-dismiss-btn,.qaid-dismiss-btn:focus-visible{opacity:1}.qaid-dismiss-btn{min-width:24px;min-height:24px}button.qaid-recording-stop{min-height:24px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,.qaid-textarea:focus,button.qaid-btn-submit:focus,.qaid-video-preview-box textarea:focus{outline:2px solid CanvasText;outline-offset:2px}.qaid-selected-marker,.qaid-highlight-box{border-color:Highlight}}.qaid-confirm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:.5rem 0}.qaid-confirm-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;color:#fff;background:var(--qaid-success, #22c55e);margin-bottom:.25rem;animation:qaid-confirm-pop .28s cubic-bezier(.34,1.56,.64,1)}.qaid-confirm-icon .qaid-icon{width:24px;height:24px}.qaid-confirm-error .qaid-confirm-icon{background:var(--qaid-error, #dc2626)}.qaid-confirm-title{margin:0;font-size:var(--qaid-font-size, 16px);font-weight:600;color:var(--qaid-text, light-dark(#111827, #f9fafb))}.qaid-confirm-title:focus-visible{outline:2px solid var(--qaid-primary, #6365f1);outline-offset:3px;border-radius:4px}.qaid-confirm-message{margin:0;font-size:calc(var(--qaid-font-size, 16px) * .875);color:var(--qaid-text-muted, light-dark(#6b7280, #9ca3af))}.qaid-confirm .qaid-confirm-close{margin-top:.5rem;min-width:96px}@keyframes qaid-confirm-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.qaid-confirm-icon{animation:none}}", re = "body.qaid-targeting,body.qaid-targeting *{cursor:none!important}";
+</svg>`, me = "button{cursor:pointer}.qaid-buttons{display:flex;gap:.5rem}.qaid-buttons.qaid-vertical{flex-direction:column}.qaid-buttons.qaid-auto-container{position:fixed;z-index:50}.qaid-buttons.qaid-auto-container.qaid-bottom-right{bottom:1rem;right:1rem}.qaid-buttons.qaid-auto-container.qaid-bottom-left{bottom:1rem;left:1rem}.qaid-buttons.qaid-auto-container.qaid-top-right{top:1rem;right:1rem}.qaid-buttons.qaid-auto-container.qaid-top-left{top:1rem;left:1rem}.qaid-buttons.qaid-incognito{opacity:0;transition:opacity .2s ease-in-out}.qaid-buttons.qaid-incognito:hover{opacity:1}.qaid-buttons.qaid-dismissed{display:none!important}.qaid-dismiss-btn{width:20px;height:20px;padding:0;border:none;border-radius:50%;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;align-self:center;opacity:0;transition:opacity .15s,background .15s;cursor:pointer;pointer-events:auto;-webkit-appearance:none;appearance:none}.qaid-dismiss-btn:hover{background:#0009}.qaid-buttons:hover .qaid-dismiss-btn{opacity:1}button.qaid-btn-structural{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;appearance:none}.qaid-icon{width:24px;height:24px}:where(button.qaid-btn-structural)>svg:where(:not(.qaid-icon):not([width])){width:var(--qaid-icon-size, 24px);height:var(--qaid-icon-size, 24px)}.qaid-btn-structural:not(:has(svg)),.qaid-btn:not(:has(svg)){font-size:var(--qaid-icon-size, 24px);line-height:1}.qaid-emoji-icon{font-size:var(--qaid-icon-size, 24px);line-height:1}.qaid-buttons,.qaid-buttons *,.qaid-modal-container,.qaid-modal-container *{cursor:pointer!important}.qaid-tooltip-wrapper{position:relative}.qaid-tooltip-text{position:fixed;padding:.5rem .75rem;background:#1f2937;color:#fff;font-size:var(--qaid-font-size, 16px);font-weight:600;border-radius:.5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:99999}.qaid-tooltip-text.qaid-tooltip-visible{opacity:1}.qaid-targeting-overlay{position:fixed;inset:0;z-index:40;pointer-events:none}.qaid-capture-layer{position:fixed;inset:0;pointer-events:none;z-index:9999}@keyframes qaid-slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.qaid-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);z-index:41}.qaid-crosshair-h,.qaid-crosshair-v{position:fixed;pointer-events:none;z-index:42}.qaid-crosshair-h{left:0;right:0;height:1px;background:color-mix(in srgb,var(--qaid-negative) 60%,transparent)}.qaid-crosshair-v{top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--qaid-negative) 60%,transparent)}.qaid-type-up .qaid-crosshair-h,.qaid-type-up .qaid-crosshair-v{background:color-mix(in srgb,var(--qaid-positive) 60%,transparent)}.qaid-highlight-box{position:fixed;top:0;left:0;pointer-events:none;z-index:41;display:none;border:3px solid color-mix(in srgb,var(--qaid-negative) 80%,transparent);border-radius:2px;background:color-mix(in srgb,var(--qaid-negative) 8%,transparent);will-change:transform,width,height}.qaid-type-up .qaid-highlight-box{border-color:color-mix(in srgb,var(--qaid-positive) 80%,transparent);background:color-mix(in srgb,var(--qaid-positive) 8%,transparent)}.qaid-scope{position:fixed;width:80px;height:80px;pointer-events:none;z-index:43;transform:translate(-50%,-50%)}.qaid-scope-ring{position:absolute;inset:10px;border:2px solid color-mix(in srgb,var(--qaid-negative) 80%,transparent);border-radius:50%}.qaid-type-up .qaid-scope-ring{border-color:color-mix(in srgb,var(--qaid-positive) 80%,transparent)}.qaid-scope-ring-inner{position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--qaid-negative) 50%,transparent);border-radius:50%}.qaid-type-up .qaid-scope-ring-inner{border-color:color-mix(in srgb,var(--qaid-positive) 50%,transparent)}.qaid-scope-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--qaid-negative);border-radius:50%;transform:translate(-50%,-50%)}.qaid-type-up .qaid-scope-dot{background:var(--qaid-positive)}.qaid-selected-marker{position:fixed;border:3px solid var(--qaid-marker, #6365f1);border-radius:50%;pointer-events:none;z-index:44;animation:qaid-markerPulse 1.5s ease-in-out infinite}@keyframes qaid-markerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.qaid-backdrop{position:fixed;inset:0;z-index:45;background:#0000004d}.qaid-modal-container{position:fixed;z-index:50;display:flex;flex-direction:column;align-items:flex-start;max-height:calc(100vh - 32px);font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-modal-container.qaid-above{flex-direction:column-reverse}.qaid-modal-arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;position:relative;align-self:flex-start}.qaid-modal-container.qaid-below .qaid-modal-arrow{border-bottom:12px solid light-dark(#ffffff,#1f2937)}.qaid-modal-container.qaid-above .qaid-modal-arrow{border-top:12px solid light-dark(#ffffff,#1f2937)}.qaid-modal-box{color-scheme:inherit;background:light-dark(#ffffff,#1f2937);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));width:var(--qaid-modal-width, 400px);max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);overflow-y:auto}.qaid-modal-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}button.qaid-type-toggle{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;-webkit-appearance:none;appearance:none}button.qaid-type-toggle:hover{transform:scale(1.1)}button.qaid-type-toggle:not(.qaid-type-toggle-custom){width:2.5rem;height:2.5rem;border-radius:50%}button.qaid-type-toggle:not(.qaid-type-toggle-custom) svg{width:1.25rem;height:1.25rem}button.qaid-type-toggle.qaid-type-up{background:var(--qaid-positive);color:#fff}button.qaid-type-toggle.qaid-type-down{background:var(--qaid-negative);color:#fff}.qaid-type-static{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--qaid-marker, #6365f1);color:var(--qaid-marker-text, white)}.qaid-type-static svg{width:1.25rem;height:1.25rem}.qaid-modal-header-text{flex:1;min-width:0}.qaid-modal-title{font-size:calc(var(--qaid-font-size, 16px) * 1.125);font-weight:700;margin:0 0 .25rem;color:light-dark(#1f2937,#f9fafb)}.qaid-modal-subtitle{color:light-dark(#6b7280,#9ca3af);margin:0;font-size:calc(var(--qaid-font-size, 16px) * .875)}.qaid-textarea{width:100%;height:6rem;padding:.75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;font-family:inherit;font-size:var(--qaid-font-size, 16px);resize:vertical;margin-bottom:1rem;box-sizing:border-box;background:light-dark(#ffffff,#111827);color:light-dark(#1f2937,#f9fafb)}.qaid-textarea:focus{outline:none;border-color:var(--qaid-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 20%,transparent)}.qaid-btn-row{display:flex;gap:.5rem;justify-content:flex-end}button.qaid-btn-submit{padding:.5rem 1rem;background:var(--qaid-marker);color:var(--qaid-marker-text, white);border:none;border-radius:.5rem;font-size:calc(var(--qaid-font-size, 16px) * .875);font-weight:500;cursor:pointer;transition:background-color .2s,filter .2s;-webkit-appearance:none;appearance:none}button.qaid-btn-submit:hover{filter:brightness(.85)}button.qaid-btn-submit:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 30%,transparent)}.qaid-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:50;animation:qaid-slideUpSheet .3s ease-out;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-bottom-sheet-content{background:light-dark(#ffffff,#1f2937);border-radius:1rem 1rem 0 0;padding:1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.qaid-bottom-sheet-handle{width:36px;height:4px;background:light-dark(rgba(0,0,0,.2),rgba(255,255,255,.2));border-radius:2px;margin:0 auto 1rem}@keyframes qaid-slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}button.qaid-btn-record:hover{background:#dc2626;color:#fff}.qaid-recording-indicator{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:light-dark(#1f2937,#374151);color:#fff;border-radius:9999px;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:calc(var(--qaid-font-size, 16px) * .875);font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:99999;animation:qaid-slideDown .2s ease-out}.qaid-recording-dot{width:10px;height:10px;background:#dc2626;border-radius:50%;animation:qaid-dotPulse 1.5s ease-in-out infinite}@keyframes qaid-dotPulse{0%,to{opacity:1}50%{opacity:.3}}.qaid-recording-time{font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:center}button.qaid-recording-stop{padding:.25rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:9999px;font-size:calc(var(--qaid-font-size, 16px) * .75);font-weight:600;cursor:pointer;transition:background-color .2s;-webkit-appearance:none;appearance:none}button.qaid-recording-stop:hover{background:#b91c1c}.qaid-video-preview{position:fixed;inset:0 0 auto;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#0009;z-index:99998;animation:qaid-fadeIn .2s ease-out}@keyframes qaid-fadeIn{0%{opacity:0}to{opacity:1}}.qaid-video-preview-box{color-scheme:inherit;background:light-dark(#ffffff,#1f2937);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080;width:560px;max-width:100%;max-height:100%;overflow-y:auto;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-video-preview-box h3{font-size:calc(var(--qaid-font-size, 16px) * 1.125);font-weight:700;margin:0 0 1rem;color:light-dark(#1f2937,#f9fafb)}.qaid-video-preview-box video{width:100%;max-height:50vh;max-height:50dvh;object-fit:contain;border-radius:.5rem;background:#000;margin-bottom:1rem}.qaid-video-preview-box textarea{width:100%;height:4rem;padding:.75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;font-family:inherit;font-size:calc(var(--qaid-font-size, 16px) * .875);resize:vertical;margin-bottom:1rem;box-sizing:border-box;background:light-dark(#ffffff,#111827);color:light-dark(#1f2937,#f9fafb)}.qaid-video-preview-box textarea:focus{outline:none;border-color:var(--qaid-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 20%,transparent)}.qaid-video-error{margin:0 0 .75rem;font-size:calc(var(--qaid-font-size, 16px) * .875);font-weight:500;color:light-dark(#b91c1c,#fca5a5)}.qaid-video-preview-actions{display:flex;gap:.5rem;justify-content:flex-end}button.qaid-video-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:calc(var(--qaid-font-size, 16px) * .875);font-weight:500;cursor:pointer;transition:background-color .2s,filter .2s;-webkit-appearance:none;appearance:none}button.qaid-video-btn-cancel{background:light-dark(#f3f4f6,#374151);color:light-dark(#374151,#d1d5db)}button.qaid-video-btn-cancel:hover{background:light-dark(#e5e7eb,#4b5563)}button.qaid-video-btn-rerecord{background:light-dark(#fef3c7,#78350f);color:light-dark(#92400e,#fde68a)}button.qaid-video-btn-rerecord:hover{filter:brightness(.9)}button.qaid-video-btn-send{background:var(--qaid-marker);color:var(--qaid-marker-text, white)}button.qaid-video-btn-send:hover{filter:brightness(.85)}button.qaid-video-btn-send:disabled{opacity:.5;cursor:not-allowed}.qaid-video-sending{display:flex;align-items:center;gap:.5rem;font-size:calc(var(--qaid-font-size, 16px) * .875);color:light-dark(#6b7280,#9ca3af)}.qaid-annotate{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;gap:.75rem;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#000000d9;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px);animation:qaid-fadeIn .2s ease-out}.qaid-annotate-title{margin:0;font-size:var(--qaid-font-size, 16px);font-weight:700;text-align:center;color:#f9fafb}.qaid-annotate-desc{margin:0;font-size:calc(var(--qaid-font-size, 16px) * .8125);line-height:1.4;text-align:center;color:#f9fafbbf}.qaid-annotate-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.qaid-annotate-canvas{max-width:100%;max-height:100%;object-fit:contain;background:light-dark(#ffffff,#111827);border-radius:.5rem;box-shadow:0 10px 30px #00000080;touch-action:none;cursor:crosshair}.qaid-annotate-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding:.5rem .75rem;background:light-dark(#ffffff,#1f2937);border-radius:.75rem;box-shadow:0 10px 30px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5))}.qaid-annotate-tools,.qaid-annotate-actions{display:flex;gap:.375rem;align-items:center}button.qaid-annotate-tool,button.qaid-annotate-action{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:44px;min-height:44px;padding:0 .75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;background:light-dark(#f9fafb,#111827);color:light-dark(#1f2937,#f9fafb);font-family:inherit;font-size:calc(var(--qaid-font-size, 16px) * .8125);font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s,color .15s,border-color .15s,filter .15s}button.qaid-annotate-tool svg,button.qaid-annotate-action svg{width:20px;height:20px}.qaid-annotate-colors{display:flex;gap:.25rem;align-items:center}button.qaid-annotate-swatch{width:28px;height:28px;min-width:28px;padding:0;border-radius:9999px;border:2px solid light-dark(#d1d5db,#4b5563);background:var(--qaid-swatch, #000);cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .1s,box-shadow .15s,border-color .15s}button.qaid-annotate-swatch:hover{transform:scale(1.12)}button.qaid-annotate-swatch[aria-pressed=true]{border-color:light-dark(#111827,#f9fafb);box-shadow:0 0 0 2px var(--qaid-swatch)}@media(forced-colors:active){button.qaid-annotate-swatch[aria-pressed=true]{outline:2px solid Highlight;outline-offset:1px}}button.qaid-annotate-tool:hover,button.qaid-annotate-action:hover{background:light-dark(#eef2ff,#312e81)}button.qaid-annotate-tool[aria-pressed=true],button.qaid-annotate-done{background:var(--qaid-marker, #6365f1);color:var(--qaid-marker-text, #fff);border-color:var(--qaid-marker, #6365f1)}button.qaid-annotate-done:hover{filter:brightness(.9);background:var(--qaid-marker, #6365f1)}button.qaid-annotate-action:disabled{opacity:.45;cursor:not-allowed}@media(forced-colors:active){button.qaid-annotate-tool[aria-pressed=true],button.qaid-annotate-done{border:2px solid Highlight}.qaid-annotate-canvas{border:1px solid CanvasText}}button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--qaid-marker, #6365f1);outline-offset:2px}.qaid-textarea:focus-visible,button.qaid-btn-submit:focus-visible,.qaid-video-preview-box textarea:focus-visible{outline:2px solid var(--qaid-marker, #6365f1);outline-offset:2px}.qaid-buttons.qaid-incognito:focus-within{opacity:1}.qaid-buttons:focus-within .qaid-dismiss-btn,.qaid-dismiss-btn:focus-visible{opacity:1}.qaid-dismiss-btn{min-width:24px;min-height:24px}button.qaid-recording-stop{min-height:24px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,.qaid-textarea:focus,button.qaid-btn-submit:focus,.qaid-video-preview-box textarea:focus{outline:2px solid CanvasText;outline-offset:2px}.qaid-selected-marker,.qaid-highlight-box{border-color:Highlight}}.qaid-confirm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:.5rem 0}.qaid-confirm-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;color:#fff;background:var(--qaid-success, #22c55e);margin-bottom:.25rem;animation:qaid-confirm-pop .28s cubic-bezier(.34,1.56,.64,1)}.qaid-confirm-icon .qaid-icon{width:24px;height:24px}.qaid-confirm-error .qaid-confirm-icon{background:var(--qaid-error, #dc2626)}.qaid-confirm-title{margin:0;font-size:var(--qaid-font-size, 16px);font-weight:600;color:var(--qaid-text, light-dark(#111827, #f9fafb))}.qaid-confirm-title:focus-visible{outline:2px solid var(--qaid-primary, #6365f1);outline-offset:3px;border-radius:4px}.qaid-confirm-message{margin:0;font-size:calc(var(--qaid-font-size, 16px) * .875);color:var(--qaid-text-muted, light-dark(#6b7280, #9ca3af))}.qaid-confirm .qaid-confirm-close{margin-top:.5rem;min-width:96px}@keyframes qaid-confirm-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.qaid-confirm-icon{animation:none}}", be = "body.qaid-targeting,body.qaid-targeting *{cursor:none!important}";
 let D = 0;
-const de = "button.qaid-btn{width:var(--qaid-btn-size);height:var(--qaid-btn-size);border-radius:50%;border:none;background:#f3f4f6;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:background-color .2s,color .2s,transform .2s;-webkit-appearance:none;appearance:none;--qaid-hover-up-bg:var(--qaid-positive);--qaid-hover-up-color:#fff;--qaid-hover-down-bg:var(--qaid-negative);--qaid-hover-down-color:#fff}button.qaid-btn:hover{transform:scale(1.05)}button.qaid-btn-up:hover{background:var(--qaid-hover-up-bg);color:var(--qaid-hover-up-color)}button.qaid-btn-down:hover{background:var(--qaid-hover-down-bg);color:var(--qaid-hover-down-color)}button.qaid-btn-feedback:hover{background:var(--qaid-marker,#6365f1);color:var(--qaid-marker-text,#fff)}button.qaid-btn svg{width:var(--qaid-icon-size);height:var(--qaid-icon-size)}", ce = {
+const ge = "button.qaid-btn{width:var(--qaid-btn-size);height:var(--qaid-btn-size);border-radius:50%;border:none;background:#f3f4f6;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:background-color .2s,color .2s,transform .2s;-webkit-appearance:none;appearance:none;--qaid-hover-up-bg:var(--qaid-positive);--qaid-hover-up-color:#fff;--qaid-hover-down-bg:var(--qaid-negative);--qaid-hover-down-color:#fff}button.qaid-btn:hover{transform:scale(1.05)}button.qaid-btn-up:hover{background:var(--qaid-hover-up-bg);color:var(--qaid-hover-up-color)}button.qaid-btn-down:hover{background:var(--qaid-hover-down-bg);color:var(--qaid-hover-down-color)}button.qaid-btn-feedback:hover{background:var(--qaid-marker,#6365f1);color:var(--qaid-marker-text,#fff)}button.qaid-btn svg{width:var(--qaid-icon-size);height:var(--qaid-icon-size)}", ve = {
   small: 36,
   medium: 48,
   large: 64
-}, le = {
+}, ye = {
   small: 18,
   medium: 24,
   large: 32
 };
-function he(i, t, e) {
+function we(i, t, e) {
   const [o, n, s] = [i, t, e].map((a) => (a = a / 255, a <= 0.03928 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4)));
   return 0.2126 * o + 0.7152 * n + 0.0722 * s;
 }
-function ue(i) {
+function ke(i) {
   if (i.startsWith("#")) {
     const e = i.slice(1), o = e.length === 3 ? e.split("").map((s) => s + s).join("") : e, n = parseInt(o, 16);
     return {
@@ -53,11 +53,11 @@ function ue(i) {
     b: parseInt(t[3])
   } : null;
 }
-function pe(i) {
-  const t = ue(i);
-  return t && he(t.r, t.g, t.b) > 0.4 ? "black" : "white";
+function xe(i) {
+  const t = ke(i);
+  return t && we(t.r, t.g, t.b) > 0.4 ? "black" : "white";
 }
-function fe(i = {}) {
+function qe(i = {}) {
   const {
     positiveColor: t = "rgb(0, 200, 83)",
     negativeColor: e = "rgb(255, 0, 0)",
@@ -67,7 +67,7 @@ function fe(i = {}) {
     backdropOpacity: a = 0.3,
     fontFamily: c = "system-ui, -apple-system, sans-serif",
     fontSize: l = 16
-  } = i, d = ce[n], r = le[n], h = pe(o);
+  } = i, d = ve[n], r = ye[n], h = xe(o);
   return {
     "--qaid-positive": t,
     "--qaid-negative": e,
@@ -81,22 +81,22 @@ function fe(i = {}) {
     "--qaid-font-size": `${l}px`
   };
 }
-function me(i, t) {
+function Ce(i, t) {
   for (const [e, o] of Object.entries(t))
     i.style.setProperty(e, o);
 }
-function et() {
-  return ae + de;
+function at() {
+  return me + ge;
 }
-function be() {
+function Se() {
   if (D++, D > 1) return;
   const i = document.createElement("style");
-  i.id = "qaid-styles", i.textContent = re, document.head.appendChild(i);
+  i.id = "qaid-styles", i.textContent = be, document.head.appendChild(i);
 }
-function ge() {
+function Ee() {
   D <= 0 || (D--, D === 0 && document.getElementById("qaid-styles")?.remove());
 }
-const it = "data-qaid-a11y-live", ve = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;", ye = [
+const rt = "data-qaid-a11y-live", Te = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;", Ae = [
   "a[href]",
   "button",
   "input",
@@ -104,25 +104,25 @@ const it = "data-qaid-a11y-live", ve = "position:absolute;width:1px;height:1px;m
   "select",
   "[tabindex]"
 ].join(",");
-function we(i) {
+function Ie(i) {
   return i.ownerDocument || document;
 }
-function ke(i, t) {
+function Le(i, t) {
   const e = t ? "assertive" : "polite", o = i.querySelector(
-    `[${it}="${e}"]`
+    `[${rt}="${e}"]`
   );
   if (o) return o;
-  const s = we(i).createElement("div");
-  return s.setAttribute(it, e), s.setAttribute("role", t ? "alert" : "status"), s.setAttribute("aria-live", t ? "assertive" : "polite"), s.setAttribute("aria-atomic", "true"), s.style.cssText = ve, i.appendChild(s), s;
+  const s = Ie(i).createElement("div");
+  return s.setAttribute(rt, e), s.setAttribute("role", t ? "alert" : "status"), s.setAttribute("aria-live", t ? "assertive" : "polite"), s.setAttribute("aria-atomic", "true"), s.style.cssText = Te, i.appendChild(s), s;
 }
-function xe(i, t, e = {}) {
-  const o = ke(i, !!e.assertive);
+function De(i, t, e = {}) {
+  const o = Le(i, !!e.assertive);
   o.textContent = "", o.textContent = t;
 }
-function qe(i) {
+function Me(i) {
   return i.hasAttribute("disabled") ? !0 : i.disabled === !0;
 }
-function Ce(i) {
+function Re(i) {
   let t = i;
   for (; t; ) {
     if (t.hasAttribute("hidden")) return !0;
@@ -133,52 +133,52 @@ function Ce(i) {
   }
   return !1;
 }
-function ot(i) {
+function dt(i) {
   return Array.from(
-    i.querySelectorAll(ye)
-  ).filter((e) => !(e.getAttribute("tabindex") === "-1" || e instanceof HTMLInputElement && e.type === "hidden" || e instanceof HTMLAnchorElement && !e.getAttribute("href") || qe(e) || Ce(e)));
+    i.querySelectorAll(Ae)
+  ).filter((e) => !(e.getAttribute("tabindex") === "-1" || e instanceof HTMLInputElement && e.type === "hidden" || e instanceof HTMLAnchorElement && !e.getAttribute("href") || Me(e) || Re(e)));
 }
-function xt(i) {
+function Tt(i) {
   let t = i.activeElement;
   for (; t && t.shadowRoot && t.shadowRoot.activeElement; )
     t = t.shadowRoot.activeElement;
   return t instanceof HTMLElement ? t : null;
 }
-function Se(i) {
+function Pe(i) {
   const t = i.ownerDocument || document;
   let e = !1;
   const o = (s) => {
     if (s.key !== "Tab") return;
-    const a = ot(i);
+    const a = dt(i);
     if (a.length === 0) {
       s.preventDefault(), i.focus();
       return;
     }
-    const c = a[0], l = a[a.length - 1], d = xt(t), r = d ? a.indexOf(d) !== -1 : !1;
+    const c = a[0], l = a[a.length - 1], d = Tt(t), r = d ? a.indexOf(d) !== -1 : !1;
     s.shiftKey ? (!r || d === c) && (s.preventDefault(), l.focus()) : (!r || d === l) && (s.preventDefault(), c.focus());
   };
   i.addEventListener("keydown", o);
-  const n = ot(i);
+  const n = dt(i);
   return n.length > 0 ? n[0].focus() : (i.hasAttribute("tabindex") || (i.setAttribute("tabindex", "-1"), e = !0), i.focus()), {
     release() {
       i.removeEventListener("keydown", o), e && (i.removeAttribute("tabindex"), e = !1);
     }
   };
 }
-function Ee() {
-  return xt(document);
+function Be() {
+  return Tt(document);
 }
-function Te(i) {
+function He(i) {
   if (!(!i || typeof i.focus != "function"))
     try {
       i.focus();
     } catch {
     }
 }
-function Ae(i, t = {}) {
+function Oe(i, t = {}) {
   i.setAttribute("role", "dialog"), i.setAttribute("aria-modal", "true"), t.labelledbyId && i.setAttribute("aria-labelledby", t.labelledbyId), t.describedbyId && i.setAttribute("aria-describedby", t.describedbyId), t.label && i.setAttribute("aria-label", t.label);
 }
-function Ie(i, t) {
+function ze(i, t) {
   let e = i;
   for (; e && e !== t; ) {
     const o = e.parentNode;
@@ -192,11 +192,11 @@ function Ie(i, t) {
   }
   return null;
 }
-function Le(i) {
+function $e(i) {
   const e = (i.ownerDocument || document).body;
   if (!e) return () => {
   };
-  const o = Ie(i, e), n = [];
+  const o = ze(i, e), n = [];
   return Array.from(e.children).forEach((s) => {
     if (!(s instanceof HTMLElement) || o && s === o) return;
     const a = s.inert === !0, c = s.getAttribute("aria-hidden");
@@ -208,14 +208,14 @@ function Le(i) {
     }
   };
 }
-const qt = {
+const At = {
   width: 400,
   height: 280,
   arrowHeight: 12,
   gap: 8,
   viewportPadding: 16
 };
-function De(i, t, e, o, n) {
+function _e(i, t, e, o, n) {
   const s = i.y, a = t - (i.y + i.height);
   if (a >= e + o)
     return {
@@ -234,22 +234,22 @@ function De(i, t, e, o, n) {
     t - e - n
   ) : l = Math.max(n, i.y - e - o), { top: l, position: c };
 }
-function Me(i, t, e, o) {
+function Ne(i, t, e, o) {
   let s = i.x + i.width / 2 - e / 2;
   return s = Math.max(o, Math.min(s, t - e - o)), s;
 }
-function Re(i, t, e, o = 24, n = 24) {
+function Fe(i, t, e, o = 24, n = 24) {
   const a = i.clickX - t - n / 2;
   return Math.max(o, Math.min(a, e - o - n / 2));
 }
-function Pe(i, t, e, o = qt) {
-  const n = o.height + o.arrowHeight, s = De(
+function Ve(i, t, e, o = At) {
+  const n = o.height + o.arrowHeight, s = _e(
     i,
     e,
     n,
     o.gap,
     o.viewportPadding
-  ), a = Me(
+  ), a = Ne(
     i,
     t,
     o.width,
@@ -261,15 +261,15 @@ function Pe(i, t, e, o = qt) {
     position: s.position
   };
 }
-function Be(i, t, e, o = {}) {
+function Ue(i, t, e, o = {}) {
   const n = o.gap ?? 8;
   let s = i.bottom + n;
   s + t.height > e.height - n && (s = i.top - t.height - n);
   let a = i.left;
   return a < n ? a = n : a + t.width > e.width - n && (a = e.width - t.width - n), s < n ? s = n : s + t.height > e.height - n && (s = e.height - t.height - n), { top: s, left: a };
 }
-function He(i, t, e, o = qt) {
-  const n = Pe(i, t, e, o), s = Re(
+function je(i, t, e, o = At) {
+  const n = Ve(i, t, e, o), s = Fe(
     i,
     n.left,
     o.width
@@ -279,15 +279,15 @@ function He(i, t, e, o = qt) {
     arrow: { left: s }
   };
 }
-const Oe = 20;
-function ze(i) {
+const Ke = 20;
+function We(i) {
   const t = [], e = console.error, o = console.warn, n = console.log, s = (a, c) => {
     const l = {
       message: c.map((d) => String(d)).join(" "),
       timestamp: Date.now(),
       level: a
     };
-    t.length >= Oe && t.shift(), t.push(l), i && i(l);
+    t.length >= Ke && t.shift(), t.push(l), i && i(l);
   };
   return console.error = function(...a) {
     s("error", a), e.apply(console, a);
@@ -309,19 +309,19 @@ function q(i, t, e) {
       n === "className" ? o.className = s : o.setAttribute(n, s);
   return o;
 }
-function $e(i = 640) {
+function Xe(i = 640) {
   return typeof window < "u" && window.innerWidth < i;
 }
-function nt(i, t, e) {
+function ct(i, t, e) {
   const o = e.map((s) => s.style.visibility);
   e.forEach((s) => s.style.visibility = "hidden");
   const n = document.elementFromPoint(i, t);
   return e.forEach((s, a) => s.style.visibility = o[a]), n;
 }
-function M(i) {
+function R(i) {
   return i ? i.hasAttribute("data-qaid-embed") || i.hasAttribute("data-qaid-embed-overlay") ? !0 : !!i.closest("[data-qaid-embed], [data-qaid-embed-overlay]") : !1;
 }
-function st(i, t = 0) {
+function lt(i, t = 0) {
   const e = i.getBoundingClientRect();
   return {
     x: e.left - t,
@@ -330,7 +330,7 @@ function st(i, t = 0) {
     height: e.height + t * 2
   };
 }
-const _e = "https://unpkg.com/@qaiddev/quests-embed@1/dist/qaid-quests.js", Fe = (i) => (
+const Ye = "https://unpkg.com/@qaiddev/quests-embed@1/dist/qaid-quests.js", Qe = (i) => (
   // The URL is a runtime value, not a static specifier — keep Vite from
   // trying to analyze/bundle it.
   import(
@@ -338,19 +338,19 @@ const _e = "https://unpkg.com/@qaiddev/quests-embed@1/dist/qaid-quests.js", Fe =
     i
   )
 );
-let Ve = Fe, I = null, _ = null;
-function Ne(i) {
-  return I && _ === i || (_ = i, I = Promise.resolve(Ve(i)).then((t) => {
+let Je = Qe, I = null, N = null;
+function Ge(i) {
+  return I && N === i || (N = i, I = Promise.resolve(Je(i)).then((t) => {
     const e = t;
     if (!e || typeof e.QaidQuests != "function")
       throw new Error("quests module has no QaidQuests export");
     return e;
   }).catch((t) => {
-    throw I = null, _ = null, t;
+    throw I = null, N = null, t;
   })), I;
 }
-async function Ue(i) {
-  const t = await Ne(i.moduleUrl), e = i.base.replace(/\/+$/, ""), o = i.feedbackId != null ? { feedbackId: i.feedbackId } : void 0;
+async function Ze(i) {
+  const t = await Ge(i.moduleUrl), e = i.base.replace(/\/+$/, ""), o = i.feedbackId != null ? { feedbackId: i.feedbackId } : void 0;
   return new t.QaidQuests({
     endpoint: `${e}/responses`,
     configUrl: `${e}/${encodeURIComponent(i.questId)}/definition`,
@@ -359,7 +359,7 @@ async function Ue(i) {
     onClose: i.onClose
   });
 }
-const at = "qaid_visitor_id", rt = "qaid_hide_feedback", je = [
+const ht = "qaid_visitor_id", ut = "qaid_hide_feedback", ti = [
   "#ef4444",
   "#f59e0b",
   "#22c55e",
@@ -367,26 +367,26 @@ const at = "qaid_visitor_id", rt = "qaid_hide_feedback", je = [
   "#111827",
   "#ffffff"
 ];
-function Ke() {
+function ei() {
   return typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches;
 }
-function U(i) {
-  return i ? `${rt}_${i}` : rt;
+function j(i) {
+  return i ? `${ut}_${i}` : ut;
 }
-function We(i) {
+function ii(i) {
   try {
-    return localStorage.getItem(U(i)) === "1";
+    return localStorage.getItem(j(i)) === "1";
   } catch {
     return !1;
   }
 }
-function dt(i, t = !0) {
+function pt(i, t = !0) {
   try {
-    t ? localStorage.setItem(U(i), "1") : localStorage.removeItem(U(i));
+    t ? localStorage.setItem(j(i), "1") : localStorage.removeItem(j(i));
   } catch {
   }
 }
-function ct() {
+function ft() {
   const i = typeof crypto < "u" ? crypto : void 0;
   if (i && typeof i.randomUUID == "function") return i.randomUUID();
   const t = new Uint8Array(16);
@@ -398,15 +398,15 @@ function ct() {
   const e = Array.from(t, (o) => o.toString(16).padStart(2, "0")).join("");
   return `${e.slice(0, 8)}-${e.slice(8, 12)}-${e.slice(12, 16)}-${e.slice(16, 20)}-${e.slice(20)}`;
 }
-function Xe() {
+function oi() {
   try {
-    let i = localStorage.getItem(at);
-    return i || (i = ct(), localStorage.setItem(at, i)), i;
+    let i = localStorage.getItem(ht);
+    return i || (i = ft(), localStorage.setItem(ht, i)), i;
   } catch {
-    return ct();
+    return ft();
   }
 }
-class Ye {
+class ni {
   config;
   state = "IDLE";
   feedbackData = {
@@ -524,7 +524,7 @@ class Ye {
       captureScreenshot: t.captureScreenshot ?? !1,
       annotate: t.annotate ?? !0,
       annotationColor: t.annotationColor ?? t.colors?.marker ?? "#6365f1",
-      annotationPalette: t.annotationPalette ?? je,
+      annotationPalette: t.annotationPalette ?? ti,
       screenshotMethod: t.screenshotMethod ?? "permission",
       screenshotOptions: {
         quality: t.screenshotOptions?.quality ?? 0.8,
@@ -551,12 +551,12 @@ class Ye {
         video: t.quests?.video ?? "",
         // Quest service reuses the feedback API key unless overridden.
         apiKey: t.quests?.apiKey ?? t.apiKey ?? "",
-        moduleUrl: t.quests?.moduleUrl ?? _e
+        moduleUrl: t.quests?.moduleUrl ?? Ye
       }
-    }, this.boundKeyDown = this.handleKeyDown.bind(this), this.boundResize = this.handleResize.bind(this), this.visitorId = Xe(), this.init();
+    }, this.boundKeyDown = this.handleKeyDown.bind(this), this.boundResize = this.handleResize.bind(this), this.visitorId = oi(), this.init();
   }
   applyVars(t) {
-    me(t, this.cssVars);
+    Ce(t, this.cssVars);
   }
   /**
    * Announce a message via the shared visually-hidden live regions.
@@ -566,7 +566,7 @@ class Ye {
    */
   announceMsg(t, e = !1) {
     const o = this.overlayShadowRoot ?? this.shadowRoot;
-    o && xe(o, t, { assertive: e });
+    o && De(o, t, { assertive: e });
   }
   /**
    * Turn a transient surface into an accessible modal dialog: save the
@@ -574,16 +574,16 @@ class Ye {
    * background. Paired with closeDialogA11y() on every close path.
    */
   openDialogA11y(t, e) {
-    this.dialogTrigger = Ee(), Ae(t, e), this.dialogTrap = Se(t), this.dialogRestoreInert = Le(t);
+    this.dialogTrigger = Be(), Oe(t, e), this.dialogTrap = Pe(t), this.dialogRestoreInert = $e(t);
   }
   closeDialogA11y() {
-    this.dialogTrap?.release(), this.dialogTrap = null, this.dialogRestoreInert && (this.dialogRestoreInert(), this.dialogRestoreInert = null), Te(this.dialogTrigger), this.dialogTrigger = null;
+    this.dialogTrap?.release(), this.dialogTrap = null, this.dialogRestoreInert && (this.dialogRestoreInert(), this.dialogRestoreInert = null), He(this.dialogTrigger), this.dialogTrigger = null;
   }
   clearActiveThumb() {
     this.activeThumbBtn && (this.activeThumbBtn.setAttribute("aria-pressed", "false"), this.activeThumbBtn = null);
   }
   init() {
-    be(), this.cssVars = fe({
+    Se(), this.cssVars = qe({
       positiveColor: this.config.colors.positive,
       negativeColor: this.config.colors.negative,
       markerColor: this.config.colors.marker,
@@ -592,7 +592,7 @@ class Ye {
       backdropOpacity: this.config.backdropOpacity,
       fontFamily: this.config.fontFamily,
       fontSize: this.config.fontSize
-    }), !this.config.hideDismiss && We(this.config.apiKey) && (this._startDismissed = !0), this.checkMobile(), window.addEventListener("resize", this.boundResize), this.createEmbed(), this.consoleCapture = ze((t) => {
+    }), !this.config.hideDismiss && ii(this.config.apiKey) && (this._startDismissed = !0), this.checkMobile(), window.addEventListener("resize", this.boundResize), this.createEmbed(), this.consoleCapture = We((t) => {
       this.feedbackData.consoleErrors = this.consoleCapture?.errors ?? [];
     }), this.feedbackData.consoleErrors = this.consoleCapture.errors, this.observeDom(), (this.config.captureVideo && this.videoSupported() || this.config.captureScreenshot) && this.schedulePrewarm(() => {
       this.config.captureVideo && this.videoSupported() && this.prewarmVideo(), this.config.captureScreenshot && this.prewarmScreenshot();
@@ -605,13 +605,13 @@ class Ye {
    * swallowed — a failed preload just falls back to an on-demand load.
    */
   prewarmVideo() {
-    this.videoPrewarmed || (this.videoPrewarmed = !0, Promise.resolve().then(() => bt).catch(() => {
-    }), Promise.resolve().then(() => It).catch(() => {
+    this.videoPrewarmed || (this.videoPrewarmed = !0, Promise.resolve().then(() => kt).catch(() => {
+    }), Promise.resolve().then(() => Bt).catch(() => {
     }));
   }
   prewarmScreenshot() {
-    this.screenshotPrewarmed || (this.screenshotPrewarmed = !0, (this.shouldCaptureViaDom() ? Promise.resolve().then(() => pt) : Promise.resolve().then(() => gt)).catch(() => {
-    }), this.config.annotate && Promise.resolve().then(() => mt).catch(() => {
+    this.screenshotPrewarmed || (this.screenshotPrewarmed = !0, (this.shouldCaptureViaDom() ? Promise.resolve().then(() => vt) : Promise.resolve().then(() => xt)).catch(() => {
+    }), this.config.annotate && Promise.resolve().then(() => wt).catch(() => {
     }));
   }
   /** Run fn when the main thread is idle; cancelled by destroy(). */
@@ -640,7 +640,7 @@ class Ye {
     }), this.domObserver.observe(document.body, { childList: !0 });
   }
   checkMobile() {
-    this.isMobile = $e();
+    this.isMobile = Xe();
   }
   handleResize() {
     this.checkMobile();
@@ -650,7 +650,7 @@ class Ye {
     let t = null;
     this.config.container && (t = document.querySelector(this.config.container)), t ? (t.appendChild(this.shadowHost), this.isUserProvidedContainer = !0, this.config.hideDismiss = !0) : (this.shadowHost.style.position = "fixed", this.shadowHost.style.display = "block", this.shadowHost.style.inset = "0", this.shadowHost.style.pointerEvents = "none", this.shadowHost.style.zIndex = String(this.config.zIndex), document.body.appendChild(this.shadowHost)), this.shadowRoot = this.shadowHost.attachShadow({ mode: "open" });
     const e = document.createElement("style");
-    if (e.textContent = et(), this.shadowRoot.appendChild(e), this.config.css) {
+    if (e.textContent = at(), this.shadowRoot.appendChild(e), this.config.css) {
       const d = document.createElement("style");
       d.textContent = this.config.css, this.shadowRoot.appendChild(d);
     }
@@ -674,7 +674,7 @@ class Ye {
       const d = document.createElement("div");
       d.className = "qaid-tooltip-wrapper";
       const r = document.createElement("button");
-      r.type = "button", r.className = n ? `${s} qaid-btn-feedback` : "qaid-btn qaid-btn-feedback", r.setAttribute("aria-label", this.config.text.feedbackLabel), r.innerHTML = this.config.feedbackIcon || wt, r.addEventListener("click", (h) => this.handleThumbClick("neutral", h.currentTarget, h)), r.addEventListener("mouseenter", () => {
+      r.type = "button", r.className = n ? `${s} qaid-btn-feedback` : "qaid-btn qaid-btn-feedback", r.setAttribute("aria-label", this.config.text.feedbackLabel), r.innerHTML = this.config.feedbackIcon || St, r.addEventListener("click", (h) => this.handleThumbClick("neutral", h.currentTarget, h)), r.addEventListener("mouseenter", () => {
         this.prewarmTargeting(), this.showTooltip(r);
       }), r.addEventListener("mouseleave", () => this.hideTooltip()), d.appendChild(r), this.buttonsContainer.appendChild(d);
     } else if (!this.config.hideThumbs) {
@@ -687,7 +687,7 @@ class Ye {
       const h = document.createElement("div");
       h.className = "qaid-tooltip-wrapper";
       const f = document.createElement("button");
-      f.type = "button", f.className = n ? `${s} qaid-btn-down` : "qaid-btn qaid-btn-down", f.setAttribute("aria-label", this.config.text.negativeLabel), f.innerHTML = this.config.negativeIcon || N, f.addEventListener("click", (b) => this.handleThumbClick("down", b.currentTarget, b)), f.addEventListener("mouseenter", () => {
+      f.type = "button", f.className = n ? `${s} qaid-btn-down` : "qaid-btn qaid-btn-down", f.setAttribute("aria-label", this.config.text.negativeLabel), f.innerHTML = this.config.negativeIcon || U, f.addEventListener("click", (b) => this.handleThumbClick("down", b.currentTarget, b)), f.addEventListener("mouseenter", () => {
         this.prewarmTargeting(), this.showTooltip(f);
       }), f.addEventListener("mouseleave", () => this.hideTooltip()), h.appendChild(f), this.buttonsContainer.appendChild(d), this.buttonsContainer.appendChild(h);
     }
@@ -695,7 +695,7 @@ class Ye {
       const d = document.createElement("div");
       d.className = "qaid-tooltip-wrapper";
       const r = document.createElement("button");
-      r.type = "button", r.className = n ? `${s} qaid-btn-record` : "qaid-btn qaid-btn-record", r.setAttribute("aria-label", this.config.text.recordLabel), r.innerHTML = this.config.recordIcon || Jt, r.addEventListener("click", () => {
+      r.type = "button", r.className = n ? `${s} qaid-btn-record` : "qaid-btn qaid-btn-record", r.setAttribute("aria-label", this.config.text.recordLabel), r.innerHTML = this.config.recordIcon || re, r.addEventListener("click", () => {
         this.ensureRecording().then(
           (f) => this.config.videoOptions.redaction ? f.startPicking() : f.startRecording()
         );
@@ -719,7 +719,7 @@ class Ye {
     if (this.overlayShadowRoot) return this.overlayShadowRoot;
     this.overlayShadowHost = document.createElement("div"), this.overlayShadowHost.setAttribute("data-qaid-embed-overlay", ""), this.overlayShadowHost.style.position = "fixed", this.overlayShadowHost.style.inset = "0", this.overlayShadowHost.style.pointerEvents = "none", this.overlayShadowHost.style.zIndex = String(this.config.zIndex), document.body.appendChild(this.overlayShadowHost), this.overlayShadowRoot = this.overlayShadowHost.attachShadow({ mode: "open" });
     const t = document.createElement("style");
-    if (t.textContent = et(), this.overlayShadowRoot.appendChild(t), this.config.css) {
+    if (t.textContent = at(), this.overlayShadowRoot.appendChild(t), this.config.css) {
       const e = document.createElement("style");
       e.textContent = this.config.css, this.overlayShadowRoot.appendChild(e);
     }
@@ -729,7 +729,7 @@ class Ye {
   showTooltip(t) {
     const e = this.tooltipElement;
     e.style.visibility = "hidden", e.classList.add("qaid-tooltip-visible");
-    const o = t.getBoundingClientRect(), n = e.getBoundingClientRect(), { top: s, left: a } = Be(
+    const o = t.getBoundingClientRect(), n = e.getBoundingClientRect(), { top: s, left: a } = Ue(
       o,
       n,
       { width: window.innerWidth, height: window.innerHeight }
@@ -740,10 +740,10 @@ class Ye {
     this.tooltipElement.classList.remove("qaid-tooltip-visible");
   }
   handleDismiss() {
-    this.buttonsContainer.classList.add("qaid-dismissed"), dt(this.config.apiKey, !0);
+    this.buttonsContainer.classList.add("qaid-dismissed"), pt(this.config.apiKey, !0);
   }
   handleThumbClick(t, e, o) {
-    if (this.buttonsContainer?.classList.contains("qaid-incognito") && (this.buttonsContainer.classList.remove("qaid-incognito"), dt(this.config.apiKey, !1)), this.prewarmModal(), this.config.skipTargeting || this.config.feedbackMode === "annotate")
+    if (this.buttonsContainer?.classList.contains("qaid-incognito") && (this.buttonsContainer.classList.remove("qaid-incognito"), pt(this.config.apiKey, !1)), this.prewarmModal(), this.config.skipTargeting || this.config.feedbackMode === "annotate")
       this.submitDirectFeedback(t, e);
     else {
       this.activeThumbBtn = e, e.setAttribute("aria-pressed", "true");
@@ -776,7 +776,7 @@ class Ye {
    *  instead of the permission-based Screen Capture API. Explicit "dom" wins;
    *  otherwise DOM is used on touch devices to avoid the getDisplayMedia prompt. */
   shouldCaptureViaDom() {
-    return this.config.screenshotMethod === "dom" || Ke();
+    return this.config.screenshotMethod === "dom" || ei();
   }
   /**
    * Open the full-screen annotation editor over the captured screenshot,
@@ -789,7 +789,7 @@ class Ye {
     const e = this.ensureOverlayHost(), o = this.overlayShadowHost, n = o.style.pointerEvents;
     o.style.pointerEvents = "auto";
     try {
-      const { openAnnotationEditor: s } = await Promise.resolve().then(() => mt);
+      const { openAnnotationEditor: s } = await Promise.resolve().then(() => wt);
       return await s({
         dataUrl: t,
         root: e,
@@ -812,10 +812,10 @@ class Ye {
     if (this.config.captureScreenshot || this.config.feedbackMode === "annotate")
       try {
         if (this.shouldCaptureViaDom()) {
-          const { captureDomScreenshot: a } = await Promise.resolve().then(() => pt);
+          const { captureDomScreenshot: a } = await Promise.resolve().then(() => vt);
           t = await a(this.config.screenshotOptions);
         } else {
-          const { captureScreenshot: a } = await Promise.resolve().then(() => gt);
+          const { captureScreenshot: a } = await Promise.resolve().then(() => xt);
           t = await a(this.config.screenshotOptions);
         }
         t && this.announceMsg("Screenshot captured");
@@ -893,7 +893,7 @@ class Ye {
     const o = this.questIdFor(t);
     if (!o) return !1;
     try {
-      return this.activeQuest?.destroy(), this.activeQuest = await Ue({
+      return this.activeQuest?.destroy(), this.activeQuest = await Ze({
         questId: o,
         base: this.config.quests.base,
         apiKey: this.config.quests.apiKey || void 0,
@@ -922,7 +922,7 @@ class Ye {
    */
   async ensureModal() {
     if (!this.modal) {
-      const { ModalController: t } = await Promise.resolve().then(() => vt);
+      const { ModalController: t } = await Promise.resolve().then(() => qt);
       this.modal = new t(this.makeModalHost());
     }
     return this.modal;
@@ -968,7 +968,7 @@ class Ye {
   }
   /** Warm the modal chunk while the user is targeting, so it opens instantly. */
   prewarmModal() {
-    this.modalPrewarmed || (this.modalPrewarmed = !0, Promise.resolve().then(() => vt).catch(() => {
+    this.modalPrewarmed || (this.modalPrewarmed = !0, Promise.resolve().then(() => qt).catch(() => {
     }));
   }
   /**
@@ -978,7 +978,7 @@ class Ye {
    */
   async ensureTargeting() {
     if (!this.targeting) {
-      const { TargetingController: t } = await Promise.resolve().then(() => yt);
+      const { TargetingController: t } = await Promise.resolve().then(() => Ct);
       this.targeting = new t(this.makeTargetingHost());
     }
     return this.targeting;
@@ -1023,7 +1023,7 @@ class Ye {
   }
   /** Warm the targeting chunk on thumb-button hover, before the click. */
   prewarmTargeting() {
-    this.targetingPrewarmed || this.config.skipTargeting || (this.targetingPrewarmed = !0, Promise.resolve().then(() => yt).catch(() => {
+    this.targetingPrewarmed || this.config.skipTargeting || (this.targetingPrewarmed = !0, Promise.resolve().then(() => Ct).catch(() => {
     }));
   }
   // ==================== Video Recording ====================
@@ -1042,7 +1042,7 @@ class Ye {
    */
   async ensureRecording() {
     if (!this.recording) {
-      const { RecordingController: t } = await Promise.resolve().then(() => bt);
+      const { RecordingController: t } = await Promise.resolve().then(() => kt);
       this.recording = new t(this.makeRecordingHost());
     }
     return this.recording;
@@ -1098,13 +1098,13 @@ class Ye {
       const t = window;
       this.prewarmIsTimeout ? clearTimeout(this.prewarmHandle) : t.cancelIdleCallback?.(this.prewarmHandle), this.prewarmHandle = null;
     }
-    this.recording?.destroy(), this.recording = null, this.modal?.destroy(), this.modal = null, this.activeQuest?.destroy(), this.activeQuest = null, this.consoleCapture && (this.consoleCapture.restore(), this.consoleCapture = null), window.removeEventListener("resize", this.boundResize), document.removeEventListener("keydown", this.boundKeyDown), document.body.classList.remove("qaid-targeting", "qaid-type-up"), document.body.style.removeProperty("--qaid-positive"), document.body.style.removeProperty("--qaid-negative"), this.shadowHost && (this.shadowHost.remove(), this.shadowHost = null, this.shadowRoot = null), this.overlayShadowHost && (this.overlayShadowHost.remove(), this.overlayShadowHost = null, this.overlayShadowRoot = null), this.buttonsContainer = null, this.dismissBtn = null, this.tooltipElement = null, ge();
+    this.recording?.destroy(), this.recording = null, this.modal?.destroy(), this.modal = null, this.activeQuest?.destroy(), this.activeQuest = null, this.consoleCapture && (this.consoleCapture.restore(), this.consoleCapture = null), window.removeEventListener("resize", this.boundResize), document.removeEventListener("keydown", this.boundKeyDown), document.body.classList.remove("qaid-targeting", "qaid-type-up"), document.body.style.removeProperty("--qaid-positive"), document.body.style.removeProperty("--qaid-negative"), this.shadowHost && (this.shadowHost.remove(), this.shadowHost = null, this.shadowRoot = null), this.overlayShadowHost && (this.overlayShadowHost.remove(), this.overlayShadowHost = null, this.overlayShadowRoot = null), this.buttonsContainer = null, this.dismissBtn = null, this.tooltipElement = null, Ee();
   }
 }
-function Ct(i) {
+function It(i) {
   return document.querySelector(i)?.textContent?.trim() ?? "";
 }
-function Qe() {
+function si() {
   const i = document.querySelector(
     'script[type="application/json"][data-feedback-config]'
   );
@@ -1113,31 +1113,72 @@ function Qe() {
   if (!t) return null;
   try {
     const e = JSON.parse(t);
-    return e.cssSelector && !e.css && (e.css = Ct(e.cssSelector), delete e.cssSelector), e;
+    return e.cssSelector && !e.css && (e.css = It(e.cssSelector), delete e.cssSelector), e;
   } catch {
     return null;
   }
 }
-function Ge(i) {
+function Lt(i, t, e) {
+  console.warn(`[thumbs-embed] Ignoring ${i}="${t}": expected ${e}.`);
+}
+function ai(i) {
+  const t = [];
+  let e = 0, o = "";
+  for (const n of i)
+    n === "(" && e++, n === ")" && (e = Math.max(0, e - 1)), n === "," && e === 0 ? (t.push(o.trim()), o = "") : o += n;
+  return t.push(o.trim()), t;
+}
+function ri(i, t) {
+  if (t === null) return;
+  const e = t.trim();
+  let o = null;
+  if (e.startsWith("[") || e.startsWith("{"))
+    try {
+      o = JSON.parse(e);
+    } catch {
+      o = null;
+    }
+  else
+    o = ai(e);
+  if (Array.isArray(o) && o.length > 0 && o.every((n) => typeof n == "string" && n.trim() !== ""))
+    return o.map((n) => n.trim());
+  Lt(i, t, "a JSON array of colours or a comma-separated list");
+}
+function M(i, t) {
+  if (t !== null) {
+    if (t.trim() === "") {
+      Lt(i, t, "a non-empty label");
+      return;
+    }
+    return t;
+  }
+}
+function di(i) {
   const t = i.getAttribute("data-endpoint");
   if (!t) return null;
-  const e = i.getAttribute("data-position"), o = i.getAttribute("data-zindex"), n = i.getAttribute("data-positive-color"), s = i.getAttribute("data-negative-color"), a = i.getAttribute("data-marker-color"), c = i.getAttribute("data-container"), l = i.getAttribute("data-button-class"), d = i.getAttribute("data-skip-targeting"), r = i.getAttribute("data-hide-confirmation"), h = i.getAttribute("data-single-button"), f = i.getAttribute("data-feedback-mode"), b = i.getAttribute("data-incognito"), y = i.getAttribute("data-button-size"), g = i.getAttribute("data-offset-x"), w = i.getAttribute("data-offset-y"), x = i.getAttribute("data-modal-width"), u = i.getAttribute("data-backdrop-opacity"), k = i.getAttribute("data-font-family"), v = i.getAttribute("data-font-size"), C = i.getAttribute("data-tooltip"), A = i.getAttribute("data-modal-title"), S = i.getAttribute("data-confirmation-title"), m = i.getAttribute("data-confirmation-message"), E = i.getAttribute("data-confirmation-close"), j = i.getAttribute("data-error-title"), K = i.getAttribute("data-error-message"), W = i.getAttribute("data-modal-subtitle"), X = i.getAttribute("data-placeholder"), Y = i.getAttribute("data-submit-button"), Q = i.getAttribute("data-skip-button"), Bt = i.getAttribute("data-positive-icon"), Ht = i.getAttribute("data-negative-icon"), Ot = i.getAttribute("data-feedback-icon"), G = i.getAttribute("data-feedback-label"), zt = i.getAttribute("data-api-key"), $t = i.getAttribute("data-capture-screenshot"), _t = i.getAttribute("data-annotate"), Ft = i.getAttribute("data-annotation-color"), H = i.getAttribute("data-screenshot-quality"), O = i.getAttribute("data-screenshot-max-width"), z = i.getAttribute("data-screenshot-max-height"), Vt = i.getAttribute("data-capture-video"), J = i.getAttribute("data-video-redaction"), Nt = i.getAttribute("data-hide-thumbs"), Ut = i.getAttribute("data-hide-dismiss"), $ = i.getAttribute("data-video-max-duration"), jt = i.getAttribute("data-screenshot-method"), Kt = i.getAttribute("data-direction"), Z = i.getAttribute("data-css-selector"), tt = i.getAttribute("data-quest-base"), Wt = i.getAttribute("data-quest-up"), Xt = i.getAttribute("data-quest-down"), Yt = i.getAttribute("data-quest-video"), Qt = i.getAttribute("data-quest-api-key"), Gt = i.getAttribute("data-quest-module-url");
+  const e = i.getAttribute("data-position"), o = i.getAttribute("data-zindex"), n = i.getAttribute("data-positive-color"), s = i.getAttribute("data-negative-color"), a = i.getAttribute("data-marker-color"), c = i.getAttribute("data-container"), l = i.getAttribute("data-button-class"), d = i.getAttribute("data-skip-targeting"), r = i.getAttribute("data-hide-confirmation"), h = i.getAttribute("data-single-button"), f = i.getAttribute("data-feedback-mode"), b = i.getAttribute("data-incognito"), y = i.getAttribute("data-button-size"), g = i.getAttribute("data-offset-x"), w = i.getAttribute("data-offset-y"), x = i.getAttribute("data-modal-width"), u = i.getAttribute("data-backdrop-opacity"), k = i.getAttribute("data-font-family"), v = i.getAttribute("data-font-size"), C = i.getAttribute("data-tooltip"), A = i.getAttribute("data-modal-title"), S = i.getAttribute("data-confirmation-title"), m = i.getAttribute("data-confirmation-message"), E = i.getAttribute("data-confirmation-close"), K = i.getAttribute("data-error-title"), W = i.getAttribute("data-error-message"), X = i.getAttribute("data-modal-subtitle"), Y = i.getAttribute("data-placeholder"), Q = i.getAttribute("data-submit-button"), J = i.getAttribute("data-skip-button"), Nt = i.getAttribute("data-positive-icon"), Ft = i.getAttribute("data-negative-icon"), Vt = i.getAttribute("data-feedback-icon"), G = i.getAttribute("data-feedback-label"), Ut = i.getAttribute("data-api-key"), jt = i.getAttribute("data-capture-screenshot"), Kt = i.getAttribute("data-annotate"), Wt = i.getAttribute("data-annotation-color"), O = i.getAttribute("data-screenshot-quality"), z = i.getAttribute("data-screenshot-max-width"), $ = i.getAttribute("data-screenshot-max-height"), Xt = i.getAttribute("data-capture-video"), Z = i.getAttribute("data-video-redaction"), Yt = i.getAttribute("data-hide-thumbs"), Qt = i.getAttribute("data-hide-dismiss"), _ = i.getAttribute("data-video-max-duration"), Jt = i.getAttribute("data-screenshot-method"), Gt = i.getAttribute("data-direction"), tt = i.getAttribute("data-css-selector"), Zt = i.getAttribute("data-css"), et = M("data-positive-label", i.getAttribute("data-positive-label")), it = M("data-negative-label", i.getAttribute("data-negative-label")), ot = M("data-record-label", i.getAttribute("data-record-label")), nt = M("data-dismiss-label", i.getAttribute("data-dismiss-label")), te = ri(
+    "data-annotation-palette",
+    i.getAttribute("data-annotation-palette")
+  ), ee = i.getAttribute("data-record-icon"), st = i.getAttribute("data-quest-base"), ie = i.getAttribute("data-quest-up"), oe = i.getAttribute("data-quest-down"), ne = i.getAttribute("data-quest-video"), se = i.getAttribute("data-quest-api-key"), ae = i.getAttribute("data-quest-module-url");
   return {
     endpoint: t,
-    css: Z ? Ct(Z) : void 0,
-    apiKey: zt ?? void 0,
-    captureScreenshot: $t === "true" ? !0 : void 0,
+    // Inline CSS wins over a selector, as `css` wins over `cssSelector` in
+    // the JSON block.
+    css: Zt || (tt ? It(tt) : void 0),
+    apiKey: Ut ?? void 0,
+    captureScreenshot: jt === "true" ? !0 : void 0,
     // Annotation is on by default; only an explicit "false" disables it.
-    annotate: _t === "false" ? !1 : void 0,
-    annotationColor: Ft ?? void 0,
-    screenshotOptions: H || O || z ? {
-      quality: H ? parseFloat(H) : void 0,
-      maxWidth: O ? parseInt(O, 10) : void 0,
-      maxHeight: z ? parseInt(z, 10) : void 0
+    annotate: Kt === "false" ? !1 : void 0,
+    annotationColor: Wt ?? void 0,
+    annotationPalette: te,
+    screenshotOptions: O || z || $ ? {
+      quality: O ? parseFloat(O) : void 0,
+      maxWidth: z ? parseInt(z, 10) : void 0,
+      maxHeight: $ ? parseInt($, 10) : void 0
     } : void 0,
     container: c ?? void 0,
     buttonClass: l ?? void 0,
-    direction: Kt ?? void 0,
+    direction: Gt ?? void 0,
     position: e ?? void 0,
     zIndex: o ? parseInt(o, 10) : void 0,
     skipTargeting: d === "true" ? !0 : void 0,
@@ -1159,75 +1200,80 @@ function Ge(i) {
       negative: s ?? void 0,
       marker: a ?? void 0
     },
-    text: C || A || W || X || Y || Q || G || S || m || E || j || K ? {
+    text: C || A || X || Y || Q || J || G || S || m || E || K || W || et || it || ot || nt ? {
       tooltip: C ?? void 0,
       modalTitle: A ?? void 0,
-      modalSubtitle: W ?? void 0,
-      placeholder: X ?? void 0,
-      submitButton: Y ?? void 0,
-      skipButton: Q ?? void 0,
+      modalSubtitle: X ?? void 0,
+      placeholder: Y ?? void 0,
+      submitButton: Q ?? void 0,
+      skipButton: J ?? void 0,
       feedbackLabel: G ?? void 0,
       confirmationTitle: S ?? void 0,
       confirmationMessage: m ?? void 0,
       confirmationClose: E ?? void 0,
-      errorTitle: j ?? void 0,
-      errorMessage: K ?? void 0
+      errorTitle: K ?? void 0,
+      errorMessage: W ?? void 0,
+      positiveLabel: et,
+      negativeLabel: it,
+      recordLabel: ot,
+      dismissLabel: nt
     } : void 0,
-    positiveIcon: Bt ?? void 0,
-    negativeIcon: Ht ?? void 0,
-    feedbackIcon: Ot ?? void 0,
-    screenshotMethod: jt ?? void 0,
-    captureVideo: Vt === "true" ? !0 : void 0,
-    hideThumbs: Nt === "true" ? !0 : void 0,
-    hideDismiss: Ut === "true" ? !0 : void 0,
-    videoOptions: $ || J ? {
-      maxDuration: $ ? parseInt($, 10) : void 0,
-      redaction: J === "true" ? !0 : void 0
+    positiveIcon: Nt ?? void 0,
+    recordIcon: ee ?? void 0,
+    negativeIcon: Ft ?? void 0,
+    feedbackIcon: Vt ?? void 0,
+    screenshotMethod: Jt ?? void 0,
+    captureVideo: Xt === "true" ? !0 : void 0,
+    hideThumbs: Yt === "true" ? !0 : void 0,
+    hideDismiss: Qt === "true" ? !0 : void 0,
+    videoOptions: _ || Z ? {
+      maxDuration: _ ? parseInt(_, 10) : void 0,
+      redaction: Z === "true" ? !0 : void 0
     } : void 0,
-    quests: tt ? {
-      base: tt,
-      up: Wt ?? void 0,
-      down: Xt ?? void 0,
-      video: Yt ?? void 0,
-      apiKey: Qt ?? void 0,
-      moduleUrl: Gt ?? void 0
+    quests: st ? {
+      base: st,
+      up: ie ?? void 0,
+      down: oe ?? void 0,
+      video: ne ?? void 0,
+      apiKey: se ?? void 0,
+      moduleUrl: ae ?? void 0
     } : void 0
   };
 }
-function Je() {
+function ci() {
   if (typeof document > "u") return;
   const i = () => {
-    const t = document.currentScript ?? document.querySelector("script[data-endpoint]"), e = Qe(), o = t ? Ge(t) : null, n = e ?? o;
-    n?.endpoint && new Ye(n);
+    const t = document.currentScript ?? document.querySelector("script[data-endpoint]"), e = si() ?? (t ? di(t) : null);
+    e?.endpoint && new ni(e);
   };
   document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", i) : i();
 }
-const Ze = 20, lt = 4096;
-function R(i) {
+const li = 20, mt = 4096;
+function P(i) {
   const t = typeof i == "string" ? i : JSON.stringify(i);
-  return t.length > lt ? t.slice(0, lt) + "…[truncated]" : t;
+  return t.length > mt ? t.slice(0, mt) + "…[truncated]" : t;
 }
-function ht(i, t) {
-  i.length >= Ze && i.shift(), i.push(t);
+function bt(i, t) {
+  i.length >= li && i.shift(), i.push(t);
 }
-async function ti(i) {
+async function hi(i) {
   try {
     const t = await i.clone().text();
-    return R(t);
+    return P(t);
   } catch {
     return;
   }
 }
-function ei() {
+function ui() {
   const i = [], t = window.fetch;
   window.fetch = async function(n, s) {
     const a = typeof n == "string" ? n : n instanceof URL ? n.toString() : n.url, c = s?.method ?? (typeof n == "object" && "method" in n ? n.method : "GET");
     let l;
-    s?.body && (l = R(s.body));
+    s?.body && (l = P(s.body));
     const d = await t.apply(window, [n, s]);
     if (d.status >= 400) {
-      const r = await ti(d);
-      ht(i, {
+      const r = await hi(d);
+      bt(i, {
         url: a,
         method: c.toUpperCase(),
         status: d.status,
@@ -1243,15 +1289,15 @@ function ei() {
   return XMLHttpRequest.prototype.open = function(n, s, ...a) {
     return this._qaid_method = n, this._qaid_url = typeof s == "string" ? s : s.toString(), e.apply(this, [n, s, ...a]);
   }, XMLHttpRequest.prototype.send = function(n) {
-    const s = this, a = n ? R(n) : void 0;
+    const s = this, a = n ? P(n) : void 0;
     return s.addEventListener("load", function() {
-      s.status >= 400 && ht(i, {
+      s.status >= 400 && bt(i, {
         url: s._qaid_url,
         method: s._qaid_method.toUpperCase(),
         status: s.status,
         statusText: s.statusText,
         requestBody: a,
-        responseBody: R(s.responseText),
+        responseBody: P(s.responseText),
         timestamp: Date.now()
       });
     }), o.apply(this, [n]);
@@ -1262,27 +1308,27 @@ function ei() {
     }
   };
 }
-function ii() {
+function pi() {
   const i = navigator.userAgent || "";
   return /iP(hone|ad|od)/.test(i) || // iPadOS 13+ masquerades as "MacIntel" but is a multi-touch device.
   navigator.platform === "MacIntel" && (navigator.maxTouchPoints || 0) > 1;
 }
-function oi(i, t, e, o, n) {
+function fi(i, t, e, o, n) {
   const s = i >= t, a = e >= o;
   return s === a ? { width: i, height: t, rotate: 0 } : { width: t, height: i, rotate: n === 270 ? -90 : 90 };
 }
-function ni(i, t, e) {
+function mi(i, t, e) {
   if (e.rotate === 0) {
     i.drawImage(t, 0, 0, e.width, e.height);
     return;
   }
   i.save(), e.rotate === 90 ? (i.translate(e.width, 0), i.rotate(Math.PI / 2)) : (i.translate(0, e.height), i.rotate(-Math.PI / 2)), i.drawImage(t, 0, 0, e.height, e.width), i.restore();
 }
-function si() {
+function bi() {
   const i = typeof screen < "u" ? screen.orientation : void 0;
   return i && typeof i.angle == "number" ? i.angle : 0;
 }
-function St(i) {
+function Dt(i) {
   return new Promise((t) => {
     if (i.videoWidth > 0) {
       t();
@@ -1291,30 +1337,30 @@ function St(i) {
     i.addEventListener("loadedmetadata", () => t(), { once: !0 });
   });
 }
-async function Et(i) {
+async function Mt(i) {
   try {
     await i.play();
   } catch {
   }
 }
-async function ai(i, t = 15) {
+async function gi(i, t = 15) {
   const e = document.createElement("canvas");
   if (typeof e.captureStream != "function") return null;
   const o = e.getContext("2d");
   if (!o) return null;
   const n = document.createElement("video");
-  n.muted = !0, n.playsInline = !0, n.srcObject = i, await St(n);
-  const s = oi(
+  n.muted = !0, n.playsInline = !0, n.srcObject = i, await Dt(n);
+  const s = fi(
     n.videoWidth,
     n.videoHeight,
     window.innerWidth,
     window.innerHeight,
-    si()
+    bi()
   );
-  e.width = s.width, e.height = s.height, await Et(n);
+  e.width = s.width, e.height = s.height, await Mt(n);
   let a = 0;
   const c = () => {
-    ni(o, n, s), a = requestAnimationFrame(c);
+    mi(o, n, s), a = requestAnimationFrame(c);
   };
   c();
   const l = e.captureStream(t);
@@ -1325,15 +1371,15 @@ async function ai(i, t = 15) {
     }
   };
 }
-function ri(i, t, e, o, n) {
+function vi(i, t, e, o, n) {
   const s = Math.max(0, Math.min(o, i.left * t)), a = Math.max(0, Math.min(n, i.top * e)), c = Math.max(0, Math.min(o, (i.left + i.width) * t)), l = Math.max(0, Math.min(n, (i.top + i.height) * e)), d = c - s, r = l - a;
   return d <= 0 || r <= 0 ? null : { x: s, y: a, w: d, h: r };
 }
-function di(i, t, e, o, n, s, a) {
+function yi(i, t, e, o, n, s, a) {
   i.drawImage(t, 0, 0, o, n);
   const c = o / Math.max(1, window.innerWidth), l = n / Math.max(1, window.innerHeight);
   for (const d of e) {
-    const r = ri(
+    const r = vi(
       d.getBoundingClientRect(),
       c,
       l,
@@ -1343,16 +1389,16 @@ function di(i, t, e, o, n, s, a) {
     r && (i.save(), a ? (i.filter = `blur(${s}px)`, i.drawImage(t, r.x, r.y, r.w, r.h, r.x, r.y, r.w, r.h)) : (i.fillStyle = "#0b0b0b", i.fillRect(r.x, r.y, r.w, r.h)), i.restore());
   }
 }
-async function ci(i, t, e = {}) {
+async function wi(i, t, e = {}) {
   const o = e.frameRate ?? 15, n = e.blurRadius ?? 12, s = document.createElement("canvas");
   if (typeof s.captureStream != "function") return null;
   const a = s.getContext("2d");
   if (!a) return null;
   const c = "filter" in a, l = document.createElement("video");
-  l.muted = !0, l.playsInline = !0, l.srcObject = i, await St(l), s.width = l.videoWidth, s.height = l.videoHeight, await Et(l);
+  l.muted = !0, l.playsInline = !0, l.srcObject = i, await Dt(l), s.width = l.videoWidth, s.height = l.videoHeight, await Mt(l);
   let d = 0;
   const r = () => {
-    di(
+    yi(
       a,
       l,
       t,
@@ -1371,11 +1417,11 @@ async function ci(i, t, e = {}) {
     }
   };
 }
-const Tt = "This browser cannot blur the areas you picked, so the recording was not started.";
-function li() {
+const Rt = "This browser cannot blur the areas you picked, so the recording was not started.";
+function ki() {
   return typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function" && typeof MediaRecorder < "u";
 }
-function At() {
+function Pt() {
   if (typeof MediaRecorder > "u") return "";
   const i = [
     "video/webm;codecs=vp9",
@@ -1388,7 +1434,7 @@ function At() {
       return t;
   return "";
 }
-function hi(i = {}) {
+function xi(i = {}) {
   const t = i.maxDuration ?? 15, e = i.videoBitsPerSecond ?? 8e5, o = i.redactionElements ?? [], n = i.redactionBlurRadius;
   let s = null, a = null, c = null, l = null, d = [], r = null, h = null, f = null, b = 0, y = null, g = null, w = !1, x = null;
   function u() {
@@ -1400,7 +1446,7 @@ function hi(i = {}) {
   return {
     async start() {
       w = !1, d = [];
-      const v = At();
+      const v = Pt();
       if (!v)
         throw new Error("No supported video MIME type found");
       s = await navigator.mediaDevices.getDisplayMedia({
@@ -1424,16 +1470,16 @@ function hi(i = {}) {
         k();
       });
       let S = s;
-      if (ii()) {
-        const m = await ai(s);
+      if (pi()) {
+        const m = await gi(s);
         m && (a = m, S = m.stream);
       }
       if (o.length > 0) {
-        const m = await ci(S, o, {
+        const m = await wi(S, o, {
           blurRadius: n
         });
         if (!m)
-          throw a && (a.stop(), a = null), s.getTracks().forEach((E) => E.stop()), s = null, new Error(Tt);
+          throw a && (a.stop(), a = null), s.getTracks().forEach((E) => E.stop()), s = null, new Error(Rt);
         c = m, S = m.stream;
       }
       l = new MediaRecorder(S, {
@@ -1469,46 +1515,46 @@ function hi(i = {}) {
     }
   };
 }
-const It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  REDACTION_UNAVAILABLE: Tt,
-  createVideoRecorder: hi,
-  getSupportedMimeType: At,
-  isVideoRecordingSupported: li
-}, Symbol.toStringTag, { value: "Module" })), ut = "https://qaid.dev/lib/html2canvas.min.js", ui = 1e4, pi = 50;
+  REDACTION_UNAVAILABLE: Rt,
+  createVideoRecorder: xi,
+  getSupportedMimeType: Pt,
+  isVideoRecordingSupported: ki
+}, Symbol.toStringTag, { value: "Module" })), gt = "https://qaid.dev/lib/html2canvas.min.js", qi = 1e4, Ci = 50;
 let L = null;
-function fi() {
+function Si() {
   if (typeof document > "u" || typeof window > "u")
     return !1;
   const i = document.createElement("canvas");
   return typeof i.getContext == "function" && !!i.getContext("2d");
 }
-function mi() {
+function Ei() {
   return window.html2canvas ? Promise.resolve(!0) : L || (L = new Promise((i) => {
     if (!document.querySelector(
-      `script[src="${ut}"]`
+      `script[src="${gt}"]`
     )) {
       const n = document.createElement("script");
-      n.src = ut, n.async = !0, document.head.appendChild(n);
+      n.src = gt, n.async = !0, document.head.appendChild(n);
     }
     const e = Date.now(), o = () => {
       if (window.html2canvas) {
         i(!0);
         return;
       }
-      if (Date.now() - e > ui) {
+      if (Date.now() - e > qi) {
         L = null, i(!1);
         return;
       }
-      setTimeout(o, pi);
+      setTimeout(o, Ci);
     };
     o();
   }), L);
 }
-async function bi(i = {}) {
+async function Ti(i = {}) {
   const { quality: t = 0.8, maxWidth: e = 1280, maxHeight: o = 800 } = i;
   try {
-    if (!await mi() || !window.html2canvas)
+    if (!await Ei() || !window.html2canvas)
       return console.warn("html2canvas failed to load"), null;
     const s = await window.html2canvas(document.body, {
       useCORS: !0,
@@ -1533,11 +1579,11 @@ async function bi(i = {}) {
     return console.warn("DOM screenshot capture failed:", n), null;
   }
 }
-const pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  captureDomScreenshot: bi,
-  isDomScreenshotSupported: fi
-}, Symbol.toStringTag, { value: "Module" })), T = 12, gi = "#ef4444", vi = ["#ef4444", "#f59e0b", "#22c55e", "#3b82f6", "#111827", "#ffffff"], yi = {
+  captureDomScreenshot: Ti,
+  isDomScreenshotSupported: Si
+}, Symbol.toStringTag, { value: "Module" })), T = 12, Ai = "#ef4444", Ii = ["#ef4444", "#f59e0b", "#22c55e", "#3b82f6", "#111827", "#ffffff"], Li = {
   "#ef4444": "red",
   "#f59e0b": "amber",
   "#22c55e": "green",
@@ -1549,10 +1595,10 @@ const pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "#6365f1": "indigo",
   "#6366f1": "indigo"
 };
-function ft(i) {
-  return yi[i.toLowerCase()] ?? i;
+function yt(i) {
+  return Li[i.toLowerCase()] ?? i;
 }
-const wi = 4, ki = 0.8, xi = {
+const Di = 4, Mi = 0.8, Ri = {
   title: "Annotate screenshot",
   instructions: "Draw on the screenshot to highlight or hide details, then choose Done to attach it or Skip to send the original.",
   rectangle: "Rectangle",
@@ -1564,7 +1610,7 @@ const wi = 4, ki = 0.8, xi = {
   done: "Done",
   colors: "Drawing colour"
 };
-function P(i, t) {
+function B(i, t) {
   return {
     x: Math.min(i.x, t.x),
     y: Math.min(i.y, t.y),
@@ -1572,12 +1618,12 @@ function P(i, t) {
     h: Math.abs(i.y - t.y)
   };
 }
-function qi(i) {
+function Pi(i) {
   if (i.type === "pen") return i.points.length < 2;
-  const t = P(i.points[0], i.points[1]);
+  const t = B(i.points[0], i.points[1]);
   return t.w < 3 && t.h < 3;
 }
-function Ci(i, t, e, o) {
+function Bi(i, t, e, o) {
   i.beginPath(), i.moveTo(t.x, t.y), i.lineTo(e.x, e.y), i.stroke();
   const n = Math.atan2(e.y - t.y, e.x - t.x), s = Math.max(10, o * 3);
   i.beginPath(), i.moveTo(e.x, e.y), i.lineTo(
@@ -1588,7 +1634,7 @@ function Ci(i, t, e, o) {
     e.y - s * Math.sin(n + Math.PI / 6)
   ), i.stroke();
 }
-function Si(i, t) {
+function Hi(i, t) {
   if (t.length !== 0) {
     i.beginPath(), i.moveTo(t[0].x, t[0].y);
     for (let e = 1; e < t.length; e++)
@@ -1596,7 +1642,7 @@ function Si(i, t) {
     i.stroke();
   }
 }
-function Ei(i, t, e, o, n) {
+function Oi(i, t, e, o, n) {
   i.fillStyle = "rgb(15, 23, 42)", i.fillRect(t, e, o, n), i.fillStyle = "rgb(37, 47, 63)";
   for (let s = e; s < e + n; s += T)
     for (let a = t; a < t + o; a += T)
@@ -1607,38 +1653,38 @@ function Ei(i, t, e, o, n) {
         Math.min(T, e + n - s)
       );
 }
-function B(i, t) {
+function H(i, t) {
   switch (i.save(), i.strokeStyle = t.color, i.fillStyle = t.color, i.lineWidth = t.strokeWidth, i.lineJoin = "round", i.lineCap = "round", t.type) {
     case "rect": {
-      const e = P(t.points[0], t.points[1]);
+      const e = B(t.points[0], t.points[1]);
       i.strokeRect(e.x, e.y, e.w, e.h);
       break;
     }
     case "arrow":
-      Ci(i, t.points[0], t.points[1], t.strokeWidth);
+      Bi(i, t.points[0], t.points[1], t.strokeWidth);
       break;
     case "pen":
-      Si(i, t.points);
+      Hi(i, t.points);
       break;
     case "blur": {
-      const e = P(t.points[0], t.points[1]);
-      Ei(i, e.x, e.y, e.w, e.h);
+      const e = B(t.points[0], t.points[1]);
+      Oi(i, e.x, e.y, e.w, e.h);
       break;
     }
   }
   i.restore();
 }
-function Lt(i) {
+function Ht(i) {
   return new Promise((t, e) => {
     const o = new Image();
     o.onload = () => t(o), o.onerror = () => e(new Error("Failed to load screenshot")), o.src = i;
   });
 }
-async function Dt(i, t, e = {}) {
-  const o = e.quality ?? ki;
+async function Ot(i, t, e = {}) {
+  const o = e.quality ?? Mi;
   let n;
   try {
-    n = await Lt(i);
+    n = await Ht(i);
   } catch {
     return i;
   }
@@ -1648,11 +1694,11 @@ async function Dt(i, t, e = {}) {
   if (!a) return i;
   a.drawImage(n, 0, 0, s.width, s.height);
   for (const c of t)
-    B(a, c);
+    H(a, c);
   return s.toDataURL("image/webp", o);
 }
-let Ti = 0;
-class Mt {
+let zi = 0;
+class zt {
   shapes = [];
   tool = "rect";
   opts;
@@ -1660,7 +1706,7 @@ class Mt {
   color;
   palette;
   strokeWidth;
-  uid = `qaid-annotate-${++Ti}`;
+  uid = `qaid-annotate-${++zi}`;
   container;
   canvas;
   ctx = null;
@@ -1674,7 +1720,7 @@ class Mt {
   // after the editor is mounted).
   resolveResult;
   constructor(t) {
-    this.opts = t, this.labels = { ...xi, ...t.labels ?? {} }, this.color = t.color ?? gi, this.palette = (t.palette && t.palette.length ? t.palette : vi).slice(), this.palette.some((e) => e.toLowerCase() === this.color.toLowerCase()) || this.palette.unshift(this.color), this.strokeWidth = t.strokeWidth ?? wi;
+    this.opts = t, this.labels = { ...Ri, ...t.labels ?? {} }, this.color = t.color ?? Ai, this.palette = (t.palette && t.palette.length ? t.palette : Ii).slice(), this.palette.some((e) => e.toLowerCase() === this.color.toLowerCase()) || this.palette.unshift(this.color), this.strokeWidth = t.strokeWidth ?? Di;
   }
   /** Mount the editor and resolve when the user commits (Done) or skips. */
   open() {
@@ -1696,7 +1742,7 @@ class Mt {
   }
   /** A round colour swatch button for the toolbar's colour group. */
   swatchButton(t) {
-    const e = ft(t), o = q("button", {
+    const e = yt(t), o = q("button", {
       type: "button",
       class: "qaid-annotate-swatch",
       "data-qaid-color": t,
@@ -1736,19 +1782,19 @@ class Mt {
       "aria-label": this.labels.title
     });
     const a = q("div", { class: "qaid-annotate-tools" });
-    a.appendChild(this.toolButton("rect", Zt, this.labels.rectangle)), a.appendChild(this.toolButton("arrow", te, this.labels.arrow)), a.appendChild(this.toolButton("pen", ee, this.labels.pen)), a.appendChild(this.toolButton("blur", ie, this.labels.blur));
+    a.appendChild(this.toolButton("rect", de, this.labels.rectangle)), a.appendChild(this.toolButton("arrow", ce, this.labels.arrow)), a.appendChild(this.toolButton("pen", le, this.labels.pen)), a.appendChild(this.toolButton("blur", he, this.labels.blur));
     const c = q("div", {
       class: "qaid-annotate-colors",
       role: "group",
       "aria-label": this.labels.colors
     });
     for (const h of this.palette) c.appendChild(this.swatchButton(h));
-    this.undoBtn = this.actionButton("undo", oe, this.labels.undo, "qaid-annotate-undo"), this.undoBtn.disabled = !0;
-    const l = this.actionButton("skip", se, this.labels.skip, "qaid-annotate-skip"), d = this.actionButton("done", kt, this.labels.done, "qaid-annotate-done"), r = q("div", { class: "qaid-annotate-actions" });
+    this.undoBtn = this.actionButton("undo", ue, this.labels.undo, "qaid-annotate-undo"), this.undoBtn.disabled = !0;
+    const l = this.actionButton("skip", fe, this.labels.skip, "qaid-annotate-skip"), d = this.actionButton("done", Et, this.labels.done, "qaid-annotate-done"), r = q("div", { class: "qaid-annotate-actions" });
     r.appendChild(this.undoBtn), r.appendChild(l), r.appendChild(d), this.toolbar.appendChild(a), this.toolbar.appendChild(c), this.toolbar.appendChild(r), this.container.appendChild(o), this.container.appendChild(n), this.container.appendChild(s), this.container.appendChild(this.toolbar), this.opts.root.appendChild(this.container), this.toolbar.addEventListener("click", this.onToolbarClick), this.canvas.addEventListener("pointerdown", this.onPointerDown), this.container.addEventListener("pointermove", this.onPointerMove), this.container.addEventListener("pointerup", this.onPointerUp), this.container.addEventListener("keydown", this.onKeyDown), this.opts.openDialog?.(this.container, {
       labelledbyId: t,
       describedbyId: e
-    }), this.opts.announce?.(this.labels.instructions), Lt(this.opts.dataUrl).then((h) => {
+    }), this.opts.announce?.(this.labels.instructions), Ht(this.opts.dataUrl).then((h) => {
       this.img = h, this.canvas.width = h.naturalWidth || h.width || 1, this.canvas.height = h.naturalHeight || h.height || 1, this.redraw();
     }).catch(() => {
       this.img = null, this.redraw();
@@ -1768,8 +1814,8 @@ class Mt {
     if (t) {
       t.clearRect(0, 0, this.canvas.width, this.canvas.height), this.img && t.drawImage(this.img, 0, 0, this.canvas.width, this.canvas.height);
       for (const e of this.shapes)
-        B(t, e);
-      this.current && B(t, this.current);
+        H(t, e);
+      this.current && H(t, this.current);
     }
   }
   /** Select the active drawing tool and reflect it on the toolbar. */
@@ -1780,7 +1826,7 @@ class Mt {
         n.getAttribute("data-qaid-tool") === t ? "true" : "false"
       );
     });
-    const o = this.labels[Ai[t]];
+    const o = this.labels[$i[t]];
     this.opts.announce?.(`${o} tool selected`);
   }
   /** Set the active drawing colour; subsequent shapes use it. */
@@ -1790,7 +1836,7 @@ class Mt {
         "aria-pressed",
         (o.getAttribute("data-qaid-color") ?? "").toLowerCase() === t.toLowerCase() ? "true" : "false"
       );
-    }), this.opts.announce?.(`${ft(t)} colour selected`);
+    }), this.opts.announce?.(`${yt(t)} colour selected`);
   }
   onToolbarClick = (t) => {
     const o = t.target?.closest(
@@ -1829,7 +1875,7 @@ class Mt {
     if (!this.drawing || !this.current) return;
     this.drawing = !1;
     const t = this.current;
-    if (this.current = null, qi(t)) {
+    if (this.current = null, Pi(t)) {
       this.redraw();
       return;
     }
@@ -1858,7 +1904,7 @@ class Mt {
   /** Composite the annotations and resolve with the new WebP data URL. */
   async done() {
     if (this.settled) return;
-    const t = await Dt(this.opts.dataUrl, this.shapes, {
+    const t = await Ot(this.opts.dataUrl, this.shapes, {
       quality: this.opts.quality
     });
     this.opts.announce?.("Annotated screenshot attached"), this.settle(t);
@@ -1874,27 +1920,27 @@ class Mt {
     this.toolbar.removeEventListener("click", this.onToolbarClick), this.canvas.removeEventListener("pointerdown", this.onPointerDown), this.container.removeEventListener("pointermove", this.onPointerMove), this.container.removeEventListener("pointerup", this.onPointerUp), this.container.removeEventListener("keydown", this.onKeyDown), this.opts.closeDialog?.(), this.container.remove();
   }
 }
-const Ai = {
+const $i = {
   rect: "rectangle",
   arrow: "arrow",
   pen: "pen",
   blur: "blur"
 };
-function Ii(i) {
-  return new Mt(i).open();
+function _i(i) {
+  return new zt(i).open();
 }
-const mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AnnotationEditor: Mt,
-  compositeAnnotations: Dt,
-  drawShape: B,
-  openAnnotationEditor: Ii,
-  rectFromPoints: P
+  AnnotationEditor: zt,
+  compositeAnnotations: Ot,
+  drawShape: H,
+  openAnnotationEditor: _i,
+  rectFromPoints: B
 }, Symbol.toStringTag, { value: "Module" }));
-Je();
-const Li = document;
+ci();
+const Ni = document;
 function p(i, t, ...e) {
-  const o = Li.createElement(i);
+  const o = Ni.createElement(i);
   if (t) {
     if (t.class && (o.className = t.class), t.style && (o.style.cssText = t.style), t.html != null && (o.innerHTML = t.html), t.text != null && (o.textContent = t.text), t.attrs)
       for (const n in t.attrs) o.setAttribute(n, t.attrs[n]);
@@ -1905,7 +1951,7 @@ function p(i, t, ...e) {
     n != null && n !== !1 && o.append(n);
   return o;
 }
-class Di {
+class Fi {
   constructor(t) {
     this.host = t;
   }
@@ -1932,8 +1978,8 @@ class Di {
   async startRecording(t = []) {
     if (!(this.isRecording || this.host.state !== "IDLE"))
       try {
-        this.networkCapture = ei();
-        const { createVideoRecorder: e } = await Promise.resolve().then(() => It);
+        this.networkCapture = ui();
+        const { createVideoRecorder: e } = await Promise.resolve().then(() => Bt);
         this.videoRecorder = e({
           maxDuration: this.host.config.videoOptions.maxDuration,
           redactionElements: t
@@ -1999,7 +2045,7 @@ class Di {
   }
   handleRedactPickClick(t) {
     const e = t.target instanceof Element ? t.target : null;
-    if (!e || M(e) || this.redactPickerRoot?.contains(e)) return;
+    if (!e || R(e) || this.redactPickerRoot?.contains(e)) return;
     t.preventDefault(), t.stopPropagation();
     const o = this.redactPicks.indexOf(e);
     o >= 0 ? this.redactPicks.splice(o, 1) : this.redactPicks.push(e);
@@ -2160,11 +2206,11 @@ class Di {
     this.isRecording = !1, this.removeRecordingIndicator(), this.videoRecorder && (this.videoRecorder.destroy(), this.videoRecorder = null), this.networkCapture && (this.networkCapture.restore(), this.networkCapture = null), this.recordedBlob && (this.recordedBlob = null), this.host.setButtonsDisabled(!1), this.host.overlayShadowHost && this.host.state === "IDLE" && (this.host.overlayShadowHost.style.pointerEvents = "none");
   }
 }
-const bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RecordingController: Di
+  RecordingController: Fi
 }, Symbol.toStringTag, { value: "Module" }));
-async function Mi(i = {}) {
+async function Vi(i = {}) {
   const { quality: t = 0.8, maxWidth: e = 1280, maxHeight: o = 800 } = i;
   try {
     if (!navigator.mediaDevices?.getDisplayMedia)
@@ -2193,11 +2239,11 @@ async function Mi(i = {}) {
     return console.warn("Screenshot capture failed:", n), null;
   }
 }
-const gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  captureScreenshot: Mi
+  captureScreenshot: Vi
 }, Symbol.toStringTag, { value: "Module" }));
-class Ri {
+class Ui {
   constructor(t) {
     this.host = t;
   }
@@ -2235,7 +2281,7 @@ class Ri {
     ), this.host.applyVars(e), t.appendChild(e), this.modalContainer = e, this.setupModalInteractions();
   }
   showPositionedModal() {
-    const t = this.host.ensureOverlayHost(), { modal: e, arrow: o } = He(
+    const t = this.host.ensureOverlayHost(), { modal: e, arrow: o } = je(
       this.host.selectedBounds,
       window.innerWidth,
       window.innerHeight,
@@ -2262,9 +2308,9 @@ class Ri {
    * markup, because they are documented as SVG/HTML strings.
    */
   buildModalContent() {
-    const { config: t, uid: e } = this.host, o = t.text, n = this.host.feedbackData.feedbackType, s = n === "up", a = t.positiveIcon || V, c = t.negativeIcon || N, l = t.buttonClass ? `qaid-type-toggle qaid-type-toggle-custom ${t.buttonClass} ${s ? "qaid-btn-up" : "qaid-btn-down"}` : `qaid-type-toggle ${s ? "qaid-type-up" : "qaid-type-down"}`, d = s ? "Feedback type: positive" : "Feedback type: negative", r = n === "neutral" ? p("span", {
+    const { config: t, uid: e } = this.host, o = t.text, n = this.host.feedbackData.feedbackType, s = n === "up", a = t.positiveIcon || V, c = t.negativeIcon || U, l = t.buttonClass ? `qaid-type-toggle qaid-type-toggle-custom ${t.buttonClass} ${s ? "qaid-btn-up" : "qaid-btn-down"}` : `qaid-type-toggle ${s ? "qaid-type-up" : "qaid-type-down"}`, d = s ? "Feedback type: positive" : "Feedback type: negative", r = n === "neutral" ? p("span", {
       class: "qaid-type-static",
-      html: t.feedbackIcon || wt,
+      html: t.feedbackIcon || St,
       attrs: { "aria-hidden": "true" }
     }) : p("button", {
       class: l,
@@ -2327,7 +2373,7 @@ class Ri {
     o && o.addEventListener("click", () => {
       const n = this.host.feedbackData.feedbackType === "up" ? "down" : "up";
       this.host.feedbackData.feedbackType = n, this.host.config.buttonClass ? (o.classList.toggle("qaid-btn-up", n === "up"), o.classList.toggle("qaid-btn-down", n === "down")) : (o.classList.toggle("qaid-type-up", n === "up"), o.classList.toggle("qaid-type-down", n === "down"));
-      const s = this.host.config.positiveIcon || V, a = this.host.config.negativeIcon || N;
+      const s = this.host.config.positiveIcon || V, a = this.host.config.negativeIcon || U;
       o.innerHTML = n === "up" ? s : a;
       const c = n === "up" ? "Feedback type: positive" : "Feedback type: negative";
       o.setAttribute("aria-pressed", String(n === "up")), o.setAttribute("aria-label", c), this.host.announceMsg(c), this.host.feedbackId && fetch(`${this.host.config.endpoint}/${this.host.feedbackId}`, {
@@ -2388,7 +2434,7 @@ class Ri {
         { class: t ? "qaid-confirm" : "qaid-confirm qaid-confirm-error" },
         p("span", {
           class: "qaid-confirm-icon",
-          html: t ? kt : ne,
+          html: t ? Et : pe,
           attrs: { "aria-hidden": "true" }
         }),
         a,
@@ -2403,14 +2449,14 @@ class Ri {
     ), requestAnimationFrame(() => a.focus()), this.host.announceMsg(`${n} ${s}`, !0);
   }
 }
-const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ModalController: Ri
-}, Symbol.toStringTag, { value: "Module" })), Rt = ["data-comp", "data-qa", "data-testid", "data-id"];
-function Pt(i, t = document.body) {
+  ModalController: Ui
+}, Symbol.toStringTag, { value: "Module" })), $t = ["data-comp", "data-qa", "data-testid", "data-id"];
+function _t(i, t = document.body) {
   let e = i;
   for (; e && e !== t; ) {
-    for (const o of Rt) {
+    for (const o of $t) {
       const n = e.getAttribute(o);
       if (n)
         return `${o}="${n}"`;
@@ -2419,37 +2465,37 @@ function Pt(i, t = document.body) {
   }
   return null;
 }
-function Pi(i, t = 100) {
+function ji(i, t = 100) {
   const e = i.textContent?.trim().slice(0, t) || "";
   return e.length === t ? e + "..." : e;
 }
-function Bi(i) {
+function Ki(i) {
   let t = 1, e = i.previousElementSibling;
   for (; e; )
     t++, e = e.previousElementSibling;
   return t;
 }
-function Hi(i) {
+function Wi(i) {
   const t = [];
   let e = i;
   for (; e && e !== document.body && e !== document.documentElement; ) {
-    const o = e.tagName.toLowerCase(), n = Bi(e);
+    const o = e.tagName.toLowerCase(), n = Ki(e);
     t.unshift(`${o}:nth-child(${n})`), e = e.parentElement;
   }
   return t.length > 0 ? `body > ${t.join(" > ")}` : "body";
 }
-function Oi(i) {
+function Xi(i) {
   return i.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function zi(i) {
-  const t = Pt(i);
-  return t ? `[${t}]` : i.id ? `#${Oi(i.id)}` : Hi(i);
+function Yi(i) {
+  const t = _t(i);
+  return t ? `[${t}]` : i.id ? `#${Xi(i.id)}` : Wi(i);
 }
 function F(i) {
-  const t = Pi(i), e = Pt(i);
-  return { selector: zi(i), text: t, dataAttr: e };
+  const t = ji(i), e = _t(i);
+  return { selector: Yi(i), text: t, dataAttr: e };
 }
-const $i = [
+const Qi = [
   "a[href]",
   "button",
   "input:not([type=hidden])",
@@ -2468,9 +2514,9 @@ const $i = [
   "p",
   "li",
   "label",
-  ...Rt.map((i) => `[${i}]`)
-].join(","), _i = /^(?:A|BUTTON|INPUT|SELECT|TEXTAREA|SUMMARY)$/;
-function Fi(i) {
+  ...$t.map((i) => `[${i}]`)
+].join(","), Ji = /^(?:A|BUTTON|INPUT|SELECT|TEXTAREA|SUMMARY)$/;
+function Gi(i) {
   if (i.hasAttribute("hidden") || i.getAttribute("aria-hidden") === "true") return !1;
   const t = i.ownerDocument?.defaultView;
   if (t && typeof t.getComputedStyle == "function") {
@@ -2479,14 +2525,14 @@ function Fi(i) {
   }
   return !0;
 }
-function Vi(i = {}) {
-  const t = i.root ?? document.body, e = i.selector ?? $i, o = i.isExcluded ?? (() => !1), n = i.isVisible ?? Fi;
+function Zi(i = {}) {
+  const t = i.root ?? document.body, e = i.selector ?? Qi, o = i.isExcluded ?? (() => !1), n = i.isVisible ?? Gi;
   return Array.from(t.querySelectorAll(e)).filter(
     (s) => !o(s) && n(s)
   );
 }
-function Ni(i) {
-  const t = i.candidates ?? Vi({
+function to(i) {
+  const t = i.candidates ?? Zi({
     root: i.root,
     selector: i.selector,
     isExcluded: i.isExcluded,
@@ -2503,7 +2549,7 @@ function Ni(i) {
     if (!e) return;
     const k = u;
     if (typeof k.focus == "function") {
-      u.getAttribute("tabindex") === null && !_i.test(u.tagName) && (u.setAttribute("tabindex", "-1"), n.add(u));
+      u.getAttribute("tabindex") === null && !Ji.test(u.tagName) && (u.setAttribute("tabindex", "-1"), n.add(u));
       try {
         k.focus();
       } catch {
@@ -2577,8 +2623,8 @@ function Ni(i) {
     stop: y
   };
 }
-const Ui = 12;
-class ji {
+const eo = 12;
+class io {
   constructor(t) {
     this.host = t;
   }
@@ -2607,8 +2653,8 @@ class ji {
    * KeyboardTargetingController owns Tab/Arrow/Enter/Space/Escape.
    */
   startKeyboard(t) {
-    this.host.setState("TARGETING"), this.host.feedbackData.feedbackType = t, this.host.feedbackData.elementSelector = null, this.host.feedbackData.elementText = null, this.host.selectedBounds.visible = !1, document.body.style.setProperty("--qaid-positive", this.host.cssVars["--qaid-positive"]), document.body.style.setProperty("--qaid-negative", this.host.cssVars["--qaid-negative"]), this.createTargetingOverlay(), this.crosshairH && (this.crosshairH.style.display = "none"), this.crosshairV && (this.crosshairV.style.display = "none"), this.scope && (this.scope.style.display = "none"), this.keyboardController = Ni({
-      isExcluded: (e) => M(e),
+    this.host.setState("TARGETING"), this.host.feedbackData.feedbackType = t, this.host.feedbackData.elementSelector = null, this.host.feedbackData.elementText = null, this.host.selectedBounds.visible = !1, document.body.style.setProperty("--qaid-positive", this.host.cssVars["--qaid-positive"]), document.body.style.setProperty("--qaid-negative", this.host.cssVars["--qaid-negative"]), this.createTargetingOverlay(), this.crosshairH && (this.crosshairH.style.display = "none"), this.crosshairV && (this.crosshairV.style.display = "none"), this.scope && (this.scope.style.display = "none"), this.keyboardController = to({
+      isExcluded: (e) => R(e),
       onHighlight: (e) => {
         const o = e.getBoundingClientRect(), n = this.highlightBox;
         n && (n.style.transform = `translate(${o.left}px, ${o.top}px)`, n.style.width = `${o.width}px`, n.style.height = `${o.height}px`, n.style.display = "block");
@@ -2620,7 +2666,7 @@ class ji {
     });
   }
   selectKeyboardTarget(t) {
-    const e = st(t, 8);
+    const e = lt(t, 8);
     Object.assign(this.host.selectedBounds, e, {
       clickX: e.x + e.width / 2,
       clickY: e.y + e.height / 2,
@@ -2645,8 +2691,8 @@ class ji {
   /** Move the crosshair/scope reticle and highlight the element under (x, y). */
   updateReticleAt(t, e) {
     if (this.mousePos.x = t, this.mousePos.y = e, this.crosshairH && (this.crosshairH.style.top = `${e}px`), this.crosshairV && (this.crosshairV.style.left = `${t}px`), this.scope && (this.scope.style.left = `${t}px`, this.scope.style.top = `${e}px`), this.captureLayer && this.host.shadowHost) {
-      const o = [this.host.shadowHost, this.host.overlayShadowHost].filter(Boolean), n = nt(t, e, o);
-      if (n && !M(n)) {
+      const o = [this.host.shadowHost, this.host.overlayShadowHost].filter(Boolean), n = ct(t, e, o);
+      if (n && !R(n)) {
         if (this.highlightBox) {
           const s = n.getBoundingClientRect();
           this.highlightBox.style.transform = `translate(${s.left}px, ${s.top}px)`, this.highlightBox.style.width = `${s.width}px`, this.highlightBox.style.height = `${s.height}px`, this.highlightBox.style.display = "block";
@@ -2664,14 +2710,14 @@ class ji {
   }
   handleTouchEnd(t) {
     const e = t.changedTouches[0], o = this.touchStartPos;
-    this.touchStartPos = null, !(!e || !o || Math.hypot(e.clientX - o.x, e.clientY - o.y) > Ui) && (t.preventDefault(), this.selectAt(e.clientX, e.clientY));
+    this.touchStartPos = null, !(!e || !o || Math.hypot(e.clientX - o.x, e.clientY - o.y) > eo) && (t.preventDefault(), this.selectAt(e.clientX, e.clientY));
   }
   /** Select the element under (x, y) and tear down targeting. */
   selectAt(t, e) {
-    const o = [this.host.shadowHost, this.host.overlayShadowHost].filter(Boolean), n = nt(t, e, o);
-    if (!n || M(n))
+    const o = [this.host.shadowHost, this.host.overlayShadowHost].filter(Boolean), n = ct(t, e, o);
+    if (!n || R(n))
       return;
-    const s = st(n, 8);
+    const s = lt(n, 8);
     Object.assign(this.host.selectedBounds, s, { clickX: t, clickY: e, visible: !0 });
     const { selector: a, text: c } = F(n);
     this.host.feedbackData.elementSelector = a, this.host.feedbackData.elementText = c, this.stopTargetingListeners(), document.body.classList.remove("qaid-targeting", "qaid-type-up"), document.body.style.removeProperty("--qaid-positive"), document.body.style.removeProperty("--qaid-negative"), this.host.setState("SELECTED"), this.host.clearActiveThumb(), this.showSelectedMarker(), this.host.submitFeedback();
@@ -2697,22 +2743,22 @@ class ji {
     this.keyboardController?.stop(), this.keyboardController = null, this.stopTargetingListeners(), this.hideMarker();
   }
 }
-const yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  TargetingController: ji
+  TargetingController: io
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Mt as AnnotationEditor,
-  Ye as QaidFeedback,
-  bi as captureDomScreenshot,
-  ei as captureNetworkErrors,
-  Dt as compositeAnnotations,
-  hi as createVideoRecorder,
-  B as drawShape,
-  At as getSupportedMimeType,
-  fi as isDomScreenshotSupported,
-  li as isVideoRecordingSupported,
-  Ii as openAnnotationEditor,
-  P as rectFromPoints
+  zt as AnnotationEditor,
+  ni as QaidFeedback,
+  Ti as captureDomScreenshot,
+  ui as captureNetworkErrors,
+  Ot as compositeAnnotations,
+  xi as createVideoRecorder,
+  H as drawShape,
+  Pt as getSupportedMimeType,
+  Si as isDomScreenshotSupported,
+  ki as isVideoRecordingSupported,
+  _i as openAnnotationEditor,
+  B as rectFromPoints
 };
 //# sourceMappingURL=index.js.map