.wxv-overlay{z-index:40;background:var(--bg-scrim,#00000080);position:fixed;inset:0}.wxv-dialog{z-index:50;border:1px solid var(--border,#e4e4e7);border-radius:var(--radius-lg,12px);background:var(--bg,#fff);color:var(--fg,#18181b);box-shadow:var(--shadow-md,0 8px 24px #00000029);font-family:var(--font-sans,system-ui, sans-serif);flex-direction:column;display:flex;position:fixed;inset:.5rem;overflow:hidden}.wxv-dialog[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.wxv-dialog[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-color:var(--border,#3f3f46);background:var(--bg,#18181b);color:var(--fg,#fafafa)}.wxv-dialog[data-theme=dark] .wxv-header{border-color:var(--border,#3f3f46)}.wxv-dialog[data-theme=dark] .wxv-body{background:var(--bg-subtle,#27272a)}.wxv-dialog[data-theme=dark] .wxv-button{border-color:var(--border,#3f3f46);background:var(--bg,#18181b);color:var(--fg,#fafafa)}.wxv-dialog[data-theme=dark] .wxv-button:hover:not(:disabled){background:var(--bg-subtle,#27272a)}.wxv-dialog[data-theme=dark] .wxv-icon-button,.wxv-dialog[data-theme=dark] .wxv-meta,.wxv-dialog[data-theme=dark] .wxv-fallback,.wxv-dialog[data-theme=dark] .wxv-fallback p,.wxv-dialog[data-theme=dark] .wxv-status{color:var(--fg-muted,#a1a1aa)}.wxv-dialog[data-theme=dark] .wxv-text,.wxv-dialog[data-theme=dark] .wxv-frame{border-color:var(--border,#3f3f46);background:var(--bg,#18181b)}@media (width>=640px){.wxv-dialog{inset:2rem}}.wxv-header{border-bottom:1px solid var(--border,#e4e4e7);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.wxv-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;font-weight:var(--font-weight-semibold,600);margin:0;overflow:hidden}.wxv-meta{color:var(--fg-muted,#71717a);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.wxv-heading{flex:1;min-width:0}.wxv-button{cursor:pointer;border:1px solid var(--border,#e4e4e7);border-radius:var(--radius-md,8px);background:var(--bg,#fff);color:var(--fg,#18181b);font:inherit;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.875rem;display:inline-flex}.wxv-button:hover:not(:disabled){background:var(--bg-subtle,#f4f4f5)}.wxv-button:disabled{opacity:.4;cursor:default}.wxv-button:focus-visible{outline:2px solid var(--border-strong,#3b82f6);outline-offset:2px}.wxv-icon-button{color:var(--fg-muted,#71717a);border-color:#0000;padding:.375rem}.wxv-body{background:var(--bg-subtle,#f4f4f5);flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative;overflow:auto}.wxv-media{object-fit:contain;max-width:100%;max-height:100%}.wxv-audio{width:100%;max-width:28rem}.wxv-text{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border,#e4e4e7);border-radius:var(--radius-md,8px);background:var(--bg,#fff);width:100%;height:100%;margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;overflow:auto}.wxv-frame{border:1px solid var(--border,#e4e4e7);border-radius:var(--radius-md,8px);background:var(--bg,#fff);width:100%;height:100%}.wxv-frame[data-shown=false]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.wxv-fallback{text-align:center;max-width:40ch;color:var(--fg-muted,#71717a);flex-direction:column;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.wxv-fallback p,.wxv-status{color:var(--fg-muted,#71717a);margin:0;font-size:.875rem}.wxv-nav{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.wxv-nav[data-side=prev]{left:.5rem}.wxv-nav[data-side=next]{right:.5rem}.wxv-loading{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.wxv-loading p{margin:0}.wxv-spinner{border:3px solid var(--border,#e4e4e7);border-top-color:var(--fg-muted,#71717a);border-radius:9999px;width:1.75rem;height:1.75rem;animation:.8s linear infinite wxv-spin}.wxv-dots:after{content:"…";text-align:left;vertical-align:bottom;width:1.2em;animation:1.2s steps(4,end) infinite wxv-dots;display:inline-block;overflow:hidden}@keyframes wxv-spin{to{transform:rotate(360deg)}}@keyframes wxv-dots{0%{width:0}to{width:1.2em}}.wxv-dialog[data-theme=dark] .wxv-spinner{border-color:var(--border,#3f3f46);border-top-color:var(--fg-muted,#a1a1aa)}@media (prefers-reduced-motion:reduce){.wxv-spinner{border-top-color:var(--border,#e4e4e7);opacity:.6;animation:none}.wxv-dots:after{width:1.2em;animation:none}}