:root[data-palette=peec]{--background:#fff;--foreground:#171717;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#171717;--primary-foreground:#fff;--secondary:#f2f2f2;--secondary-foreground:#404040;--muted:#fafafa;--muted-foreground:#737373;--accent:#e5e5e5;--ds-option-hover:#f2f2f2;--accent-foreground:#171717;--border:#e5e5e5;--input:#d4d4d4;--ring:#2b7fff;--destructive:#b91c1c;--sidebar:#f6f6f6;--sidebar-foreground:#525252;--ds-button-primary:#000;--ds-button-primary-foreground:#fff;--ds-primary-hover:#1a1a1a;--ds-link:#155dfc;--ds-overlay:#00000038;--ds-selection:#171717;--peec-field:#f7f7f7;--peec-green:#00c950;--peec-green-text:#008236;--peec-orange:#ff6900;--peec-purple:#ad46ff;--peec-cyan:#00b8db;--peec-lime:#7ccf00;--peec-blue:#2b7fff;--peec-red:#ff2056;--peec-yellow:#f0b100;--peec-indigo:#615fff;--peec-teal:#00bba7;--chart-line-primary:var(--peec-green);--chart-1:var(--peec-green);--chart-2:var(--peec-blue);--chart-3:var(--peec-purple);--chart-4:var(--peec-lime);--chart-5:var(--peec-orange);--chart-6:var(--peec-cyan);--chart-7:var(--peec-red);--chart-8:var(--peec-yellow);--chart-9:var(--peec-indigo);--chart-10:var(--peec-teal);--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-palette=peec].dark{--background:#171717;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#262626;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#e5e5e5;--muted:#262626;--muted-foreground:#a3a3a3;--accent:#333;--ds-option-hover:#2d2d2d;--accent-foreground:#fafafa;--border:#404040;--input:#525252;--ring:#51a2ff;--destructive:#fca5a5;--sidebar:#141414;--sidebar-foreground:#d4d4d4;--ds-link:#8ec5ff;--ds-overlay:#0000007a;--ds-selection:#525252;--peec-field:#262626}:root[data-palette=peec] a:where(:not([data-slot=button])){color:var(--ds-link)}:root[data-palette=peec] [data-slot=input]{background:var(--peec-field)}:root[data-palette=peec] [data-slot=switch] button[data-state=checked]{background:var(--peec-green);box-shadow:inset 0 0 0 1px var(--peec-green-text)}.peec-palette-group+.peec-palette-group{margin-top:24px}.peec-palette-group h3{margin-bottom:8px}.peec-swatches{flex-wrap:wrap;gap:16px}.peec-swatches>div{gap:4px;width:104px}.peec-swatches>div>span:first-child{width:100%;height:32px;margin-bottom:4px}.peec-swatches>div>span:not(:first-child){border:0;width:auto;height:auto}.peec-palette>p,.peec-palette>.source-links{margin-top:16px}
.system-workbench,.system-overlay{--type-page-size:20px;--type-page-leading:28px;--type-section-size:18px;--type-section-leading:24px;--type-body-size:14px;--type-body-leading:20px;--type-label-size:12px;--type-label-leading:16px;--type-micro-size:10px;--type-micro-leading:16px;--type-metric-size:18px;--type-metric-leading:24px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px}.system-workbench .page-header h1,.foundation-type-page{font-size:var(--type-page-size);font-weight:600;line-height:var(--type-page-leading)}.system-workbench .section-heading h2,.foundation-type-section{font-size:var(--type-section-size);font-weight:600;line-height:var(--type-section-leading)}.system-workbench .page-content{gap:var(--space-48);padding:var(--space-32)}.foundation-description{max-width:72ch;margin-bottom:var(--space-24);font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--muted-foreground)}.foundation-type-row{gap:var(--space-24);padding-block:var(--space-16);border-bottom:1px solid var(--border);grid-template-columns:minmax(240px,1fr) minmax(0,2fr);align-items:center;display:grid}.foundation-type-details h3{font-size:var(--type-label-size);font-weight:500;line-height:var(--type-label-leading)}.foundation-type-details p{margin-top:var(--space-4);font-size:var(--type-label-size);line-height:var(--type-label-leading);color:var(--muted-foreground)}.foundation-sample{overflow-wrap:anywhere;min-width:0}.foundation-type-body,.foundation-type-control{font-size:var(--type-body-size);font-weight:400;line-height:var(--type-body-leading)}.foundation-type-control{font-weight:500}.foundation-type-label,.foundation-type-metadata{font-size:var(--type-label-size);font-weight:400;line-height:var(--type-label-leading)}.foundation-type-label{font-weight:500}.foundation-type-micro{font-size:var(--type-micro-size);font-weight:400;line-height:var(--type-micro-leading)}.foundation-type-metric,.foundation-type-metric-medium{font-size:var(--type-metric-size);font-variant-numeric:tabular-nums;font-weight:400;line-height:var(--type-metric-leading)}.foundation-type-metric-medium{font-weight:500}.foundation-space-row{gap:var(--space-16);min-height:var(--space-32);font-size:var(--type-label-size);line-height:var(--type-label-leading);grid-template-columns:80px 48px minmax(0,1fr);align-items:center;display:grid}.foundation-space-bar{width:var(--space-size);height:var(--space-8);background:var(--foreground)}@media (max-width:600px){.system-workbench .page-content{padding:var(--space-16)}.foundation-type-row{gap:var(--space-12);grid-template-columns:minmax(0,1fr)}}
.system-workbench,.system-overlay{--button-radius:6px;--button-focus:var(--muted-foreground);--button-primary-active:#333;--button-neutral-hover:var(--secondary);--button-neutral-active:var(--accent);--button-neutral-surface:var(--background);--button-neutral-foreground:var(--foreground)}.dark .system-workbench,.dark .system-overlay{--ds-button-primary:#fff;--ds-button-primary-foreground:#000;--ds-primary-hover:#e5e5e5;--button-primary-active:#d4d4d4;--button-neutral-surface:#262626;--button-neutral-foreground:#fff;--button-neutral-hover:#333;--button-neutral-active:#404040}.system-button{gap:var(--space-4);height:28px;max-height:28px;padding:0 var(--space-12);font-family:var(--font-sans);font-size:var(--type-body-size);font-weight:500;line-height:var(--type-body-leading);border-radius:var(--button-radius);box-shadow:none}.system-button[data-size=compact]{height:24px;padding-inline:var(--space-8);font-size:var(--type-label-size);line-height:var(--type-label-leading)}.system-button[data-variant=primary]{color:var(--ds-button-primary-foreground);background:var(--ds-button-primary);border-color:var(--ds-button-primary)}.system-button[data-variant=primary]:not(:disabled):hover,.system-button[data-variant=primary][data-example-state=hover]{background:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}.system-button:active{filter:none}.system-button[data-variant=primary]:not(:disabled):active,.system-button[data-variant=primary][data-example-state=pressed]{background:var(--button-primary-active);border-color:var(--button-primary-active)}.system-button[data-variant=secondary],.system-button[data-variant=icon]{color:var(--button-neutral-foreground);background:var(--button-neutral-surface);border-color:var(--input)}.system-button[data-variant=quiet]{color:var(--button-neutral-foreground);background:0 0}.system-button[data-variant=danger]{color:var(--destructive);background:var(--button-neutral-surface);border-color:var(--input)}.system-button:is([data-variant=secondary],[data-variant=quiet],[data-variant=icon],[data-variant=danger]):not(:disabled):hover{background:var(--button-neutral-hover)}.system-button:is([data-variant=secondary],[data-variant=quiet],[data-variant=icon],[data-variant=danger]):not(:disabled):active{background:var(--button-neutral-active)}.system-button[data-variant=icon]{width:28px;padding:0}.system-button[data-variant=icon][data-size=compact]{width:24px}.system-button:focus-visible,.system-button[data-example-state=focus]{outline:2px solid var(--button-focus);outline-offset:2px;box-shadow:none}.system-button[aria-busy=true]:disabled{cursor:wait;opacity:1}.button-system-save{display:inline-grid}.button-system-save>span{gap:var(--space-4);grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.button-system-save>[aria-hidden=true]{visibility:hidden}.button-system-group+.button-system-group{margin-top:var(--space-32)}.button-system-group h3{margin-bottom:var(--space-16);font-size:var(--type-body-size);font-weight:500;line-height:var(--type-body-leading)}.button-system-examples,.button-system-trial{gap:var(--space-24);flex-wrap:wrap;align-items:flex-start;display:flex}.button-system-examples>div{gap:var(--space-12);flex-direction:column;align-items:flex-start;display:flex}.button-system-examples>div>span,.button-system-note,.button-system-trial p{font-size:var(--type-label-size);line-height:var(--type-label-leading);color:var(--muted-foreground)}.button-system-note{margin-top:var(--space-16)}.button-system-trial{gap:var(--space-16);align-items:center}.button-system-spinner{animation:1s linear infinite button-system-spin}@keyframes button-system-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.button-system-spinner{animation:none}.system-button{transition:none}}