: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)}: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}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/geist-latin-ext.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/geist-latin.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-palette=peec]{--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
.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}}
.selection-system,.selection-panel{--selection-surface:#fff;--selection-border:#d9d9d9;--selection-hover:#b8b8b8;--selection-focus:#737373;--selection-control-border:#939393;--ring:#737373;font-family:var(--font-sans);color:var(--foreground)}.dark .selection-system,.dark .selection-panel{--selection-surface:#262626;--selection-border:#525252;--selection-hover:#737373;--selection-focus:#a3a3a3;--selection-control-border:#737373;--ring:#a3a3a3}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;max-width:880px;display:grid}.selection-group+.selection-group{margin-top:32px}.selection-group>h3{margin-bottom:16px;font-size:14px;font-weight:500}.selection-field{border:0;min-width:0;padding:0}.selection-field>h3,.selection-field>legend{font-size:12px;font-weight:500;line-height:16px}.selection-hint{color:var(--muted-foreground);margin:4px 0 12px;font-size:12px;line-height:16px}.selection-trigger{z-index:1;background:var(--selection-surface);border:1px solid var(--selection-border);min-width:0;height:28px;min-height:28px;box-shadow:none;border-radius:6px;gap:8px;padding:0 8px;font-size:14px;line-height:20px;transition:border-color .12s ease-out}.selection-trigger:hover:not(:disabled):not([data-disabled]){border-color:var(--selection-hover)}.selection-trigger:focus-visible{outline:2px solid var(--selection-focus);outline-offset:-1px;border-color:var(--selection-focus);box-shadow:none}.selection-trigger:has(input:focus-visible){outline:2px solid var(--selection-focus);outline-offset:-1px;border-color:var(--selection-focus);box-shadow:none}.selection-trigger:focus-within{box-shadow:none}.selection-trigger input{min-width:0;height:24px;font:inherit;caret-color:var(--foreground);box-shadow:none;outline:none;padding:0}.selection-trigger input::placeholder{color:var(--muted-foreground);opacity:1}.selection-trigger:disabled{color:var(--muted-foreground);cursor:not-allowed;background:var(--accent);opacity:1}.selection-trigger:where(:disabled) span{color:inherit}.selection-panel{background:var(--selection-surface);border:1px solid var(--selection-border);border-radius:6px;box-shadow:0 4px 12px #00000014}.selection-panel [role=listbox]{scrollbar-color:var(--selection-border) transparent;scrollbar-width:thin;max-height:240px}.selection-panel [role=option]{min-height:28px;color:var(--foreground);border-radius:4px;gap:8px;padding:4px 8px;font-size:14px;line-height:20px}.selection-panel [role=option]:focus-visible{outline:2px solid var(--selection-focus);outline-offset:-2px}.selection-panel [role=option]:disabled{color:var(--muted-foreground);opacity:1}.selection-panel [role=status]{padding:12px;font-size:12px;line-height:16px}.selection-panel svg{width:16px;height:16px}.selection-multiple{height:auto;padding-block:0}.selection-multiple>div{gap:4px}.selection-chip{border-radius:4px;gap:4px;height:20px;padding:0 4px;font-size:12px;line-height:16px}.selection-chip button{border-radius:4px;width:20px;height:20px;margin:0}.selection-chip button:focus-visible{outline:2px solid var(--selection-focus);outline-offset:-2px;box-shadow:none}.selection-switch{gap:8px;min-height:28px;display:flex}.selection-switch [role=switch]{background:var(--muted-foreground);width:36px;height:20px;padding:4px}.selection-switch [role=switch][aria-checked=true]{background:var(--peec-green-text)}.selection-switch [role=switch]>div{width:12px;height:12px;box-shadow:none;background:#fff}.selection-switch [role=switch]>div>div{width:12px;height:12px}.selection-switch label{font-size:14px;line-height:28px}.selection-switch:has(:disabled) label{color:var(--muted-foreground);cursor:not-allowed}.selection-check,.selection-radio>label{align-items:center;gap:8px;min-height:28px;display:flex}.selection-check [role=checkbox],.selection-radio [role=radio]{border-color:var(--selection-control-border);border-width:1px;width:20px;height:20px}.selection-check [role=checkbox]{border-radius:4px}.selection-check [role=checkbox][aria-checked=true],.selection-check [role=checkbox][aria-checked=mixed]{color:var(--background);background:var(--foreground);border-color:var(--foreground)}.selection-radio [role=radio][aria-checked=true]{border-color:var(--foreground)}.selection-radio [role=radio]>span{background:var(--foreground)}.selection-check>span,.selection-radio label>span{gap:4px}.selection-children{margin-left:28px}.selection-radio{gap:4px}.selection-system :is([role=switch],[role=checkbox],[role=radio]):focus-visible{outline:2px solid var(--selection-focus);outline-offset:2px;box-shadow:none}.selection-tabs{max-width:880px}.selection-tabs [role=tablist]{gap:16px}.selection-tabs [role=tab]{height:28px;min-height:28px;padding:0 4px;font-size:14px;line-height:20px}.tab-count{font-variant-numeric:tabular-nums;min-width:18px;height:18px;color:var(--muted-foreground);background:var(--secondary);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 6px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}[role=tab][aria-selected=true] .tab-count{color:var(--foreground)}.selection-tabs [role=tab]:disabled{cursor:not-allowed;opacity:.5}.selection-tabs [role=tab]:focus-visible,.selection-tabs [role=tabpanel]:focus-visible{outline:2px solid var(--selection-focus);outline-offset:2px;box-shadow:none}.selection-tabs [role=tabpanel]{color:var(--muted-foreground);padding-top:16px;font-size:14px;line-height:20px}@media (max-width:600px){.selection-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.selection-trigger{transition:none}}
.expansion-system,.system-overlay{--ring:#737373;font-family:var(--font-sans);color:var(--foreground);font-size:14px;line-height:20px}.dark .expansion-system,.dark .system-overlay{--ring:#a3a3a3}.expansion-system{margin-top:48px}.expansion-intro{max-width:640px;color:var(--muted-foreground);margin-bottom:24px}.expansion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:880px;display:grid}.expansion-stack{gap:32px;display:grid}.overlay-demo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.overlay-demo-row .utility-hint{margin:0}.expansion-system :is(button,a):focus-visible,.system-overlay :is(button,a,input):focus-visible,.system-theme-control:focus-visible{outline:2px solid var(--ring,#737373);outline-offset:2px;box-shadow:none}.system-overlay h3{font-size:18px;font-weight:600;line-height:24px}.overlay-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.overlay-description{color:var(--muted-foreground);margin:12px 0 16px}.overlay-icon-button{flex:0 0 28px;width:28px;padding:0}.overlay-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.overlay-summary{gap:16px;margin-top:16px;display:grid}.overlay-summary dt{color:var(--muted-foreground);margin-bottom:4px;font-size:12px;line-height:16px}.overlay-summary dd{overflow-wrap:anywhere;margin:0}.system-modal{border-radius:16px;max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto}.system-drawer{width:400px;max-width:min(100vw,480px);padding:24px}.system-drawer .overlay-heading{border-bottom:1px solid var(--border);padding-bottom:16px}.overlay-drawer-body{flex:1;min-height:0;overflow-y:auto}.system-bottom-sheet{background:var(--background);border-radius:16px 16px 0 0}.system-bottom-sheet h2{font-size:18px;font-weight:600;line-height:24px}.system-bottom-sheet p{font-size:14px;line-height:20px}.system-popover{width:min(304px,100vw - 32px);padding:16px}.system-popover h3{font-size:14px;line-height:20px}.system-tooltip{border-radius:6px;max-width:min(280px,100vw - 32px);padding:8px;font-size:12px;line-height:16px}.system-command{border-radius:12px}.system-command [role=option]{min-height:28px;font-size:14px;line-height:20px}.system-command [role=option]>span:first-child{background:var(--ds-option-hover)}.system-command input{font-family:var(--font-sans);line-height:20px}.system-command input:focus-visible{outline:none}.table-example-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;display:flex}.table-example-toolbar .utility-hint{margin:0}.system-data-table{background:var(--background);border-radius:8px}.system-data-table table{width:100%;margin:0}.system-data-table th{font-size:12px;font-weight:500;line-height:16px}.system-data-table td{font-size:14px;line-height:20px}.system-data-table :is(td,th){padding-block:0}.system-data-table button{max-height:28px}.system-data-table [role=checkbox]{width:16px;height:16px}.badge-variant-group{margin-top:16px}.badge-examples{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.system-banner{background:var(--sidebar);border:1px solid var(--border);border-radius:8px}.system-banner [data-slot=alert-description]{font-size:14px;line-height:20px}.banner-restore{margin-top:8px}.system-toasts{--button-radius:6px}.system-toast-surface{background:var(--background);border-radius:12px}.system-toast-title{font-size:14px;font-weight:500;line-height:20px}.system-toast-description{font-size:12px;line-height:16px}.system-toast-action{border-radius:6px;height:28px;max-height:28px;padding:0 8px;font-size:12px;line-height:16px}.system-toast-close{border-radius:6px;width:28px;height:28px}.system-card{border-radius:12px}.system-card [data-slot=card-description],.system-card [data-slot=card-content]{font-size:14px;line-height:20px}.card-metric{font-size:18px;font-weight:500;line-height:24px}.card-metric span{margin-left:4px;font-size:12px}.system-theme-control{width:28px;height:28px;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px}.system-theme-control:hover{background:var(--accent)}@media (max-width:639px){.expansion-grid{grid-template-columns:minmax(0,1fr);gap:24px}.system-drawer{padding:16px}}@media (prefers-reduced-motion:reduce){.expansion-system *,.system-overlay *{transition:none}}.system-overlay-scrim{z-index:80}.system-drawer{z-index:90}.system-popover{background:var(--popover);border:1px solid var(--border);border-radius:12px}.system-toast-surface{box-shadow:0 4px 16px #00000014}