.df-viewer{--vw-ink: #0b0b0f;--vw-text-muted: #6b6963;--vw-text-subtle: #9a978f;--vw-paper: #f4f4f5;--vw-surface: #ffffff;--vw-hairline: #e8e6e1;--vw-hairline-strong: #d8d5ce;--vw-accent: #4f46e5;--vw-accent-hover: #4338ca;--vw-accent-soft: #eef2ff;--vw-accent-emerald: #10b981;--vw-accent-emerald-soft: #ecfdf5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--vw-ink);font-size:16px;line-height:1.55;letter-spacing:-.005em}.df-viewer__stage{position:relative;display:inline-block;max-width:100%;background:var(--vw-paper);border:1px solid var(--vw-hairline);border-radius:14px;overflow:hidden}.df-viewer__screenshot{display:block;width:100%;height:auto}.df-viewer__hotspot{position:absolute;border:2px solid var(--vw-accent);border-radius:6px;box-shadow:0 0 0 2px #4f46e559,0 0 0 9999px #0b0b0f66;pointer-events:none;animation:df-vw-pulse 1.6s ease-in-out infinite}@keyframes df-vw-pulse{0%,to{box-shadow:0 0 0 2px #4f46e559,0 0 0 9999px #0b0b0f66}50%{box-shadow:0 0 0 5px #4f46e58c,0 0 0 9999px #0b0b0f66}}.df-viewer__tooltip{position:absolute;max-width:280px;background:var(--vw-surface);color:var(--vw-ink);border:1px solid var(--vw-hairline);padding:12px 14px;border-radius:10px;box-shadow:0 4px 16px #0b0b0f24;font-size:14px;line-height:1.5;z-index:2}.df-viewer__tooltip:before{content:"";position:absolute;top:-7px;left:16px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--vw-surface)}.df-viewer__tooltip:after{content:"";position:absolute;top:-8px;left:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--vw-hairline);z-index:-1}.df-viewer__controls{display:flex;align-items:center;gap:12px;margin-top:16px}.df-viewer__btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 16px;border-radius:10px;border:1px solid var(--vw-hairline);background:var(--vw-surface);color:var(--vw-ink);font:inherit;font-size:16px;font-weight:500;letter-spacing:-.005em;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out}.df-viewer__btn:hover:not([disabled]){background:var(--vw-paper);border-color:var(--vw-hairline-strong)}.df-viewer__btn:focus-visible{outline:none;box-shadow:0 0 0 3px #4f46e540}.df-viewer__btn[disabled]{opacity:.5;cursor:not-allowed}.df-viewer__btn--primary{background:var(--vw-accent);color:#fff;border-color:var(--vw-accent);box-shadow:inset 0 1px #ffffff24,0 1px 2px #4f46e54d,0 4px 10px #4f46e52e}.df-viewer__btn--primary:hover:not([disabled]){background:var(--vw-accent-hover);border-color:var(--vw-accent-hover);transform:translateY(-.5px);box-shadow:inset 0 1px #ffffff29,0 6px 14px #4f46e54d}.df-viewer__btn--primary:active:not([disabled]){transform:translateY(0);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #4f46e54d}.df-viewer__progress{font-size:14px;color:var(--vw-text-muted);font-variant-numeric:tabular-nums;letter-spacing:-.005em}.df-viewer__done{padding:32px 24px;text-align:center;background:var(--vw-accent-emerald-soft);border:1px solid rgba(16,185,129,.22);border-radius:14px;color:var(--vw-ink);font-size:16px;line-height:1.55}.df-viewer__badge{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:5px 11px;background:var(--vw-surface);border:1px solid var(--vw-hairline);border-radius:9999px;font-size:12px;font-weight:500;color:var(--vw-text-muted)}