:root{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--heading-weight: var(--font-bold);--heading-leading: var(--leading-tight)}:root,[data-theme=light]{--color-bg: #ECEEF2;--color-bg-gradient: linear-gradient(to bottom, #F3F4F7, #ECEEF2, #E4E6EB);--color-surface: rgba(255, 255, 255, .62);--color-surface-blur: 16px;--color-surface-border: rgba(29, 85, 102, .14);--color-brand: #1d5566;--color-brand-hover: #17414f;--color-secondary: #8A9BA5;--color-secondary-hover: #7A8B95;--color-accent: #51b0cd;--color-accent-hover: #77c3da;--color-text-primary: #2A2A2A;--color-text-secondary: #4A4A4A;--color-text-muted: #616161;--color-text-on-brand: #FFFFFF;--color-text-on-secondary: #1F2A33;--color-text-on-accent: #1A2A28;--color-border: rgba(29, 85, 102, .14);--color-focus-ring: #1d5566;--background: #ECEEF2;--foreground: #2A2A2A;--card: rgba(255, 255, 255, .62);--card-foreground: #2A2A2A;--muted: rgba(255, 255, 255, .45);--muted-foreground: #616161;--border: rgba(29, 85, 102, .14);--ring: #1d5566;--input: rgba(29, 85, 102, .18);--primary: #1d5566;--primary-foreground: #FFFFFF;--button-primary: #1d5566;--button-primary-foreground: #FFFFFF;--button-primary-hover: #17414f;--secondary: #8A9BA5;--secondary-foreground: #1F2A33;--accent: #1d5566;--accent-foreground: #FFFFFF;--destructive: #BD2E2E;--success: #28724D;--warning: #934806;--warning-fill: #f5a314;--info: #432e6b;--neutral-accent: #4F4F4F;--sidebar: rgba(255, 255, 255, .5);--sidebar-foreground: #2A2A2A;--sidebar-accent: rgba(81, 176, 205, .15);--sidebar-accent-foreground: #1d5566;--sidebar-border: rgba(29, 85, 102, .14);--sidebar-ring: #1d5566;--sidebar-primary: #1d5566;--sidebar-primary-foreground: #FFFFFF;--color-primary: #1d5566;--color-primary-dark: #17414f;--color-bg-dark: #1e1f26;--color-text: #2A2A2A}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #1e1f26;--color-bg-gradient: linear-gradient(to bottom right, #23242c, #1e1f26, #191a20);--color-surface: rgba(255, 255, 255, .07);--color-surface-blur: 16px;--color-surface-border: rgba(255, 255, 255, .1);--color-brand: #1d5566;--color-brand-hover: #2b7a90;--color-secondary: #697781;--color-secondary-hover: #7C8B95;--color-accent: #51b0cd;--color-accent-hover: #6cc0da;--color-text-primary: #e6e7ec;--color-text-secondary: #a1a3ad;--color-text-muted: #a1a3ad;--color-text-on-brand: #FFFFFF;--color-text-on-secondary: #FFFFFF;--color-text-on-accent: #1A2A28;--color-border: rgba(255, 255, 255, .1);--color-focus-ring: #51b0cd;--background: #1e1f26;--foreground: #e6e7ec;--card: rgba(255, 255, 255, .07);--card-foreground: #e6e7ec;--muted: rgba(255, 255, 255, .1);--muted-foreground: #a1a3ad;--border: rgba(255, 255, 255, .1);--ring: #51b0cd;--input: rgba(255, 255, 255, .1);--primary: #51b0cd;--primary-foreground: #1F2A33;--button-primary: #2b7a90;--button-primary-foreground: #FFFFFF;--button-primary-hover: #51b0cd;--secondary: #697781;--secondary-foreground: #FFFFFF;--accent: #51b0cd;--accent-foreground: #1A2A28;--destructive: #F29F9F;--success: #62C892;--warning: #EFA765;--warning-fill: #EFA765;--info: #bcadd7;--neutral-accent: #BDBDBD;--sidebar: rgba(255, 255, 255, .05);--sidebar-foreground: #e6e7ec;--sidebar-accent: rgba(81, 176, 205, .15);--sidebar-accent-foreground: #51b0cd;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-ring: #51b0cd;--sidebar-primary: #1d5566;--sidebar-primary-foreground: #FFFFFF;--color-primary: #51b0cd;--color-primary-dark: #6cc0da;--color-bg-dark: #16171c;--color-text: #e6e7ec}}[data-theme=dark]{--color-bg: #1e1f26;--color-bg-gradient: linear-gradient(to bottom right, #23242c, #1e1f26, #191a20);--color-surface: rgba(255, 255, 255, .07);--color-surface-blur: 16px;--color-surface-border: rgba(255, 255, 255, .1);--color-brand: #1d5566;--color-brand-hover: #2b7a90;--color-secondary: #697781;--color-secondary-hover: #7C8B95;--color-accent: #51b0cd;--color-accent-hover: #6cc0da;--color-text-primary: #e6e7ec;--color-text-secondary: #a1a3ad;--color-text-muted: #a1a3ad;--color-text-on-brand: #FFFFFF;--color-text-on-secondary: #FFFFFF;--color-text-on-accent: #1A2A28;--color-border: rgba(255, 255, 255, .1);--color-focus-ring: #51b0cd;--background: #1e1f26;--foreground: #e6e7ec;--card: rgba(255, 255, 255, .07);--card-foreground: #e6e7ec;--muted: rgba(255, 255, 255, .1);--muted-foreground: #a1a3ad;--border: rgba(255, 255, 255, .1);--ring: #51b0cd;--input: rgba(255, 255, 255, .1);--primary: #51b0cd;--primary-foreground: #1F2A33;--button-primary: #2b7a90;--button-primary-foreground: #FFFFFF;--button-primary-hover: #51b0cd;--secondary: #697781;--secondary-foreground: #FFFFFF;--accent: #51b0cd;--accent-foreground: #1A2A28;--destructive: #F29F9F;--success: #62C892;--warning: #EFA765;--warning-fill: #EFA765;--info: #bcadd7;--neutral-accent: #BDBDBD;--sidebar: rgba(255, 255, 255, .05);--sidebar-foreground: #e6e7ec;--sidebar-accent: rgba(81, 176, 205, .15);--sidebar-accent-foreground: #51b0cd;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-ring: #51b0cd;--sidebar-primary: #1d5566;--sidebar-primary-foreground: #FFFFFF;--color-primary: #51b0cd;--color-primary-dark: #6cc0da;--color-bg-dark: #16171c;--color-text: #e6e7ec}.surface-frost{background:var(--color-surface);backdrop-filter:blur(var(--color-surface-blur));-webkit-backdrop-filter:blur(var(--color-surface-blur));border:1px solid var(--color-surface-border)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);background-image:var(--color-bg-gradient);color:var(--color-text-primary);line-height:var(--leading-normal);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--color-brand)}a:hover{color:var(--color-brand-hover)}.pg-shell{max-width:64rem;margin:0 auto;padding:1.5rem;width:100%;flex:1;display:flex;flex-direction:column}.pg-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}.pg-header h1{margin:0;font-size:var(--text-2xl);font-weight:var(--heading-weight)}.pg-header-spacer{flex:1 1 auto}.tenant-badge{background:color-mix(in srgb,var(--color-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 50%,transparent);color:var(--color-text-primary);padding:.25rem .75rem;border-radius:999px;font-size:var(--text-sm);margin:0;white-space:nowrap}.pg-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface);color:var(--color-text-secondary);padding:.375rem .625rem;font-size:var(--text-sm);cursor:pointer}.pg-theme-toggle:hover{color:var(--color-text-primary);border-color:var(--color-brand)}.pg-theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-nav{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;flex-wrap:wrap}.pg-nav button{background:none;border:0;border-bottom:2px solid transparent;padding:.5rem 1rem;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-base);font-family:inherit}.pg-nav button[aria-selected=true]{color:var(--color-text-primary);border-bottom-color:var(--color-brand);font-weight:var(--font-medium)}.pg-nav button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}main[role=tabpanel]{display:block}.pg-panes{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:52rem){.pg-panes--live-code{grid-template-columns:1fr 1fr}}.pg-pane{border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);backdrop-filter:blur(var(--color-surface-blur));-webkit-backdrop-filter:blur(var(--color-surface-blur));overflow:hidden}.pg-pane-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.pg-pane-body{padding:.875rem}.pg-pane-wire{grid-column:1 / -1}.pg-pane-wire>.pg-pane-body[hidden]{display:none}.pg-wire-toggle{margin-left:auto;background:none;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);font-size:var(--text-xs);padding:.125rem .5rem;cursor:pointer}.pg-wire-toggle:hover{color:var(--color-text-primary)}.pg-static-banner{margin:0 0 1rem;padding:.5rem .875rem;border:1px solid var(--color-border);border-radius:.5rem;background:color-mix(in srgb,var(--color-text-primary) 4%,transparent);color:var(--color-text-secondary);font-size:var(--text-sm)}textarea,input,button,pre,code{font-family:var(--font-mono)}textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg);color:var(--color-text-primary);font-size:var(--text-sm);resize:vertical}textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}:is(button,a).pg-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid var(--color-brand);border-radius:.5rem;background:var(--color-brand);color:var(--color-text-on-brand);cursor:pointer;font-size:var(--text-base);font-family:var(--font-sans);text-decoration:none}:is(button,a).pg-btn:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}:is(button,a).pg-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}button.pg-btn:disabled{opacity:.5;cursor:not-allowed}:is(button,a).pg-btn.pg-btn--secondary{background:transparent;color:var(--color-brand)}.pg-row{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;flex-wrap:wrap}.pg-status-msg{color:var(--color-text-muted);font-size:var(--text-sm)}pre.pg-pre{background:color-mix(in srgb,var(--color-text-primary) 5%,transparent);padding:.75rem;border-radius:.5rem;font-size:var(--text-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:.5rem 0 1.25rem}ul.pg-creds,ul.pg-info-list{padding-left:1.25rem;font-size:var(--text-base)}.pg-prebuilt-grid{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.pg-mode-tabs{margin-bottom:.75rem}.pg-mode-tabs button{padding:.375rem .75rem;font-size:var(--text-sm)}.pg-mode-gap-note{margin:0 0 1rem;padding:.5rem .875rem;border:1px solid var(--color-border);border-radius:.5rem;background:color-mix(in srgb,var(--color-text-primary) 4%,transparent);color:var(--color-text-secondary);font-size:var(--text-sm)}.pg-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.pg-footer p{margin:0 0 .5rem}.pg-ok{color:var(--success);font-weight:var(--font-semibold)}.pg-err{color:var(--destructive);font-weight:var(--font-semibold)}.pg-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pg-skip-link{position:absolute;left:-9999px;top:0;background:var(--color-brand);color:var(--color-text-on-brand);padding:.5rem 1rem;border-radius:0 0 .5rem;z-index:10}.pg-skip-link:focus{left:0}