:root,[data-playground]{--pg-font-heading:var(--font-inter),Inter,ui-sans-serif,system-ui,sans-serif;--pg-bg:oklch(0.982 0.004 160);--pg-sidebar-bg:oklch(0.958 0.005 160);--pg-sidebar-border:oklch(0.895 0.006 160);--pg-sidebar-item-hover:oklch(0.925 0.006 160);--pg-sidebar-item-active:oklch(0.992 0.002 160);--pg-sidebar-item-active-border:oklch(0.86 0.008 160);--pg-sidebar-item-shadow:0 1px 2px oklch(0.22 0.01 160/0.06);--pg-surface:oklch(0.995 0.002 160);--pg-surface-hover:oklch(0.948 0.004 160);--pg-border:oklch(0.895 0.006 160);--pg-border-subtle:oklch(0.93 0.005 160);--pg-text-primary:oklch(0.19 0.006 160);--pg-text-secondary:oklch(0.43 0.006 160);--pg-text-tertiary:oklch(0.62 0.005 160);--pg-accent:oklch(0.62 0.155 158);--pg-accent-hover:oklch(0.56 0.145 158);--pg-accent-strong:oklch(0.48 0.135 158);--pg-accent-strong-hover:oklch(0.42 0.125 158);--pg-accent-muted:oklch(0.62 0.155 158/0.1);--pg-accent-subtle:oklch(0.62 0.155 158/0.05);--pg-danger:oklch(0.62 0.21 25);--pg-danger-muted:oklch(0.62 0.21 25/0.09);--pg-warning:oklch(0.72 0.16 70);--pg-radius-sm:6px;--pg-radius-md:8px;--pg-radius-lg:12px;--pg-transition:150ms ease}[data-playground]{font-family:var(--font-inter),Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}@keyframes pg-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-dashboard-shell] [data-playground],[data-playground][data-dashboard-shell]{--canvas:oklch(0.982 0.003 160);--surface:oklch(0.995 0.002 160);--surface-subtle:oklch(0.963 0.004 160);--surface-hover:oklch(0.946 0.005 160);--surface-selected:oklch(0.932 0.008 160);--sidebar:oklch(0.965 0.004 160);--inspector:oklch(0.976 0.004 160);--ink:oklch(0.205 0.012 160);--ink-secondary:oklch(0.39 0.012 160);--ink-muted:oklch(0.47 0.01 160);--border:oklch(0.885 0.007 160);--border-subtle:color-mix(in oklch,var(--border) 72%,transparent);--border-strong:oklch(0.82 0.009 160);--accent:oklch(0.49 0.135 158);--accent-hover:oklch(0.43 0.125 158);--accent-soft:oklch(0.945 0.032 158);--success:oklch(0.46 0.12 158);--success-soft:oklch(0.95 0.03 158);--warning:oklch(0.52 0.12 72);--warning-soft:oklch(0.955 0.035 78);--danger:oklch(0.5 0.17 27);--danger-soft:oklch(0.955 0.03 27);--info:oklch(0.47 0.09 240);--info-soft:oklch(0.95 0.025 240);--on-accent:oklch(0.985 0.003 158);--scrim:oklch(0.2 0.01 160/0.32);--shadow-menu:0 10px 28px oklch(0.2 0.01 160/0.12);--shadow-dialog:0 24px 64px oklch(0.2 0.01 160/0.18);--shadow-selected:0 1px 2px oklch(0.2 0.01 160/0.06);--radius-sm:6px;--radius-md:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--font-product:var(--font-inter),Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--type-metadata-size:0.75rem;--type-metadata-line:1rem;--type-control-size:0.8125rem;--type-control-line:1.125rem;--type-data-size:0.8125rem;--type-data-line:1.125rem;--type-body-size:0.875rem;--type-body-line:1.25rem;--type-section-size:1rem;--type-section-line:1.25rem;--type-page-size:1.5rem;--type-page-line:1.875rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-ui:0;--tracking-section:-0.01em;--tracking-page:-0.02em;--z-sticky:30;--z-navigation-backdrop:35;--z-navigation:40;--z-dropdown:70;--z-inspector-backdrop:75;--z-inspector:80;--z-modal:90;--motion:180ms cubic-bezier(0.16,1,0.3,1);--pg-font-heading:var(--font-product);--pg-bg:var(--canvas);--pg-sidebar-bg:var(--sidebar);--pg-sidebar-border:var(--border);--pg-sidebar-item-hover:var(--surface-hover);--pg-sidebar-item-active:var(--surface);--pg-sidebar-item-active-border:var(--border);--pg-sidebar-item-shadow:var(--shadow-selected);--pg-surface:var(--surface);--pg-surface-hover:var(--surface-hover);--pg-border:var(--border);--pg-border-subtle:var(--border-subtle);--pg-text-primary:var(--ink);--pg-text-secondary:var(--ink-secondary);--pg-text-tertiary:var(--ink-muted);--pg-accent:var(--accent);--pg-accent-hover:var(--accent-hover);--pg-accent-strong:var(--accent);--pg-accent-strong-hover:var(--accent-hover);--pg-accent-muted:var(--accent-soft);--pg-accent-subtle:color-mix(in oklch,var(--accent-soft) 62%,transparent);--pg-danger:var(--danger);--pg-danger-muted:var(--danger-soft);--pg-warning:var(--warning);--pg-radius-sm:var(--radius-sm);--pg-radius-md:var(--radius-md);--pg-transition:var(--motion);min-height:100svh;background:var(--canvas);color:var(--ink);color-scheme:light;font-family:var(--font-product);font-size:var(--type-body-size);font-weight:var(--weight-regular);font-kerning:normal;font-optical-sizing:auto;line-height:var(--type-body-line)}[data-dashboard-shell] button,[data-dashboard-shell] code,[data-dashboard-shell] input,[data-dashboard-shell] kbd,[data-dashboard-shell] pre,[data-dashboard-shell] samp,[data-dashboard-shell] select,[data-dashboard-shell] textarea{font-family:inherit}[data-dashboard-shell] [data-dashboard-sidebar] [data-current]:before,[data-dashboard-shell] [data-dashboard-sidebar] span.relative>span.absolute{display:none}@media (prefers-reduced-motion:reduce){[data-dashboard-shell] *,[data-dashboard-shell] :after,[data-dashboard-shell] :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}