.pc-demo{--pc-bg:#0f0f12;--pc-bg-elevated:#18181d;--pc-bg-muted:#0b0b0e;--pc-bg-subtle:#141418;--pc-bg-input:#141418;--pc-border:#222228;--pc-border-soft:color-mix(in srgb, var(--pc-border) 60%, transparent);--pc-fg:#dcdce0;--pc-fg-muted:#8e8e98;--pc-fg-soft:#666672;--pc-success:#34d399;--pc-success-bright:#34d399;--pc-warning:#fbbf24;--pc-error:#f87171;--pc-interactive-hover:#ffffff0d;--pc-sidebar-active:#141418;--pc-radius:.5625rem;--pc-radius-lg:.75rem;--pc-font:ui-sans-serif, system-ui, sans-serif;--pc-mono:ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--pc-fg);font-family:var(--pc-font);background:var(--pc-bg);font-size:13px;line-height:1.45}:root.light .pc-demo,:root[data-theme=light] .pc-demo{--pc-bg:#fcfcfd;--pc-bg-elevated:#fff;--pc-bg-muted:#f3f3f6;--pc-bg-subtle:#eaeaf0;--pc-bg-input:#f3f3f6;--pc-border:#e2e2e8;--pc-fg:#2d2d34;--pc-fg-muted:#686875;--pc-fg-soft:#8c8c9a;--pc-success:#059669;--pc-success-bright:#059669;--pc-warning:#d97706;--pc-error:#dc2626;--pc-interactive-hover:#00000008;--pc-sidebar-active:#eaeaf0}.pc-demo *{box-sizing:border-box}.pc-demo-frame{border-radius:var(--pc-radius-lg);border:1px solid var(--pc-border);background:var(--pc-bg);overflow:hidden}.pc-demo-frame-bleed-right{border-radius:var(--pc-radius-lg) 0 0 var(--pc-radius-lg);border:1px solid var(--pc-border);background:var(--pc-bg);border-right:none;overflow:hidden}.pc-demo-btn-primary,.pc-demo-btn-outline{border:1px solid var(--pc-border);border-radius:var(--pc-radius);background:var(--pc-bg-elevated);color:var(--pc-fg);align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:11px;font-weight:400;line-height:1.2;display:inline-flex}.pc-demo-chip{border:1px solid var(--pc-border-soft);border-radius:var(--pc-radius);background:var(--pc-bg-subtle);color:var(--pc-fg-muted);align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:10px;line-height:1.3;display:inline-flex}.pc-demo-tag{border:1px solid var(--pc-border-soft);background:var(--pc-bg-muted);color:var(--pc-fg-muted);border-radius:3px;align-items:center;padding:0 .35rem;font-size:10px;line-height:1.5;display:inline-flex}.pc-demo-status-dot{border-radius:9999px;flex-shrink:0;width:8px;height:8px}.pc-demo-status-dot--ok{background:var(--pc-success-bright)}.pc-demo-status-dot--bad{background:var(--pc-error)}.pc-demo-mono{font-family:var(--pc-mono);font-size:11px}.pc-demo-scroll{overflow:hidden}:root.light .pc-demo .provider-brand-icon svg[fill=\#fff],:root.light .pc-demo .provider-brand-icon svg[fill=\#ffff],:root.light .pc-demo .provider-brand-icon svg[fill=white],:root.light .pc-demo .provider-brand-icon svg [fill=\#fff],:root.light .pc-demo .provider-brand-icon svg [fill=\#ffff],:root.light .pc-demo .provider-brand-icon svg [fill=white],:root[data-theme=light] .pc-demo .provider-brand-icon svg[fill=\#fff],:root[data-theme=light] .pc-demo .provider-brand-icon svg[fill=\#ffff],:root[data-theme=light] .pc-demo .provider-brand-icon svg[fill=white],:root[data-theme=light] .pc-demo .provider-brand-icon svg [fill=\#fff],:root[data-theme=light] .pc-demo .provider-brand-icon svg [fill=\#ffff],:root[data-theme=light] .pc-demo .provider-brand-icon svg [fill=white]{fill:var(--pc-fg)}:root.light .pc-demo .provider-brand-icon svg [stroke=white],:root.light .pc-demo .provider-brand-icon svg [stroke=\#fff],:root.light .pc-demo .provider-brand-icon svg [stroke=\#ffff],:root[data-theme=light] .pc-demo .provider-brand-icon svg [stroke=white],:root[data-theme=light] .pc-demo .provider-brand-icon svg [stroke=\#fff],:root[data-theme=light] .pc-demo .provider-brand-icon svg [stroke=\#ffff]{stroke:var(--pc-fg)}