.app-preview{--background:var(--app-background);--foreground:var(--app-foreground);--card:var(--app-surface);--card-foreground:var(--app-foreground);--primary:var(--app-primary);--primary-foreground:var(--app-on-fill);--secondary:var(--app-secondary);--secondary-foreground:var(--app-foreground);--muted:var(--app-background);--muted-foreground:var(--app-muted);--accent:var(--app-accent);--accent-foreground:var(--app-foreground);--border:var(--app-border);--ring:var(--app-link);--frame:#17201c;--attention:var(--app-attention);--attention-surface:var(--app-attention-surface);--attention-border:var(--app-attention-border);--destructive:var(--app-danger);--live:var(--app-success);--live-dot:var(--app-online);color:var(--app-foreground)}.app-preview .preview-logo path:first-child{fill:var(--app-primary)}.preview-icon-dark,[data-theme-dark=true] .preview-icon-light{display:none}[data-theme-dark=true] .preview-icon-dark{display:block}.app-preview .preview-prose{font-family:var(--font-mono);color:var(--app-ink-prose);font-size:14px;line-height:22px}.preview-step summary:focus-visible{outline-color:var(--app-link)}.preview-step[open] .preview-step-chevron{transform:rotate(90deg)}.preview-themes{flex-wrap:wrap;gap:8px;display:flex}.preview-theme-chip{cursor:pointer;border:1px solid var(--app-border-strong,var(--border));background:var(--app-surface,var(--card));height:40px;color:var(--app-muted,var(--muted-foreground));border-radius:20px;align-items:center;gap:8px;padding:0 14px;font-size:15px;line-height:20px;display:flex}.preview-theme-chip[aria-pressed=true]{border-color:var(--app-primary,var(--primary));background:var(--app-accent,var(--accent));color:var(--app-foreground,var(--foreground));font-weight:600}.preview-theme-chip:focus-visible{outline:2px solid var(--app-link,var(--ring));outline-offset:3px}.preview-theme-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.preview-themes-external{justify-content:center;max-width:31rem;margin-inline:auto}.preview-themes-external .preview-theme-chip{height:36px;padding-inline:11px;font-size:12px}.preview-themes-external .preview-theme-dot{width:9px;height:9px}