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