@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.ecu-inkbloom{display:inline-block;vertical-align:middle}.ecu-inkbloom--sm{width:12px;height:12px}.ecu-inkbloom--md{width:20px;height:20px}.ecu-inkbloom--lg{width:32px;height:32px}.ecu-bloom-outline{display:inline-flex;vertical-align:middle;line-height:0}.ecu-bloom-outline svg{display:block;width:100%;height:100%}.ecu-bloom-outline--sm{width:12px;height:12px}.ecu-bloom-outline--md{width:20px;height:20px}.ecu-bloom-outline--lg{width:32px;height:32px}[data-ecu-theme=light],:root{--ecu-canvas: #faf9fb;--ecu-surface: #ffffff;--ecu-surface-sunken: #f5f7f8;--ecu-surface-accent: #faf6ff;--ecu-ink: #1a1720;--ecu-ink-muted: #55505e;--ecu-ink-subtle: #8a8494;--ecu-accent: #baaeff;--ecu-accent-hover: #a79af5;--ecu-accent-ink: #1a1720;--ecu-line: #e6e2ec;--ecu-line-strong: #1a1720;--ecu-focus: #5b3fd6;--ecu-success-surface: #e7fbf0;--ecu-success-ink: #0e5e3c;--ecu-warning-surface: #fffae0;--ecu-warning-ink: #7a4f00;--ecu-danger-surface: #ffe4ec;--ecu-danger-ink: #a8123a;--ecu-info-surface: #ecf3fe;--ecu-info-ink: #1b4fa8;--ecu-disabled-surface: #edeaf2;--ecu-disabled-ink: #8a8494}[data-ecu-theme=dark]{--ecu-canvas: #141218;--ecu-surface: #1e1b24;--ecu-surface-sunken: #171520;--ecu-surface-accent: #241f33;--ecu-ink: #f4f2f8;--ecu-ink-muted: #a9a3b8;--ecu-ink-subtle: #7c7690;--ecu-accent: #8a78f0;--ecu-accent-hover: #9b8cf5;--ecu-accent-ink: #0d0b12;--ecu-line: #332e3f;--ecu-line-strong: #4a4458;--ecu-focus: #b9a9ff;--ecu-success-surface: #13301f;--ecu-success-ink: #7be3ae;--ecu-warning-surface: #302713;--ecu-warning-ink: #f0ce7b;--ecu-danger-surface: #33131f;--ecu-danger-ink: #f79bb8;--ecu-info-surface: #131f33;--ecu-info-ink: #9bc1f7;--ecu-disabled-surface: #262231;--ecu-disabled-ink: #6b6580}[data-ecu-theme=accessible]{--ecu-canvas: #ffffff;--ecu-surface: #ffffff;--ecu-surface-sunken: #f2f2f2;--ecu-surface-accent: #ffffff;--ecu-ink: #000000;--ecu-ink-muted: #000000;--ecu-ink-subtle: #3d3d3d;--ecu-accent: #000000;--ecu-accent-hover: #2b2b2b;--ecu-accent-ink: #ffffff;--ecu-line: #000000;--ecu-line-strong: #000000;--ecu-focus: #000000;--ecu-success-surface: #ffffff;--ecu-success-ink: #00532f;--ecu-warning-surface: #ffffff;--ecu-warning-ink: #5c3a00;--ecu-danger-surface: #ffffff;--ecu-danger-ink: #8a0026;--ecu-info-surface: #ffffff;--ecu-info-ink: #003c8f;--ecu-disabled-surface: #ffffff;--ecu-disabled-ink: #595959}[data-ecu-theme=accessible] [data-ecu-component=button],[data-ecu-theme=accessible] [data-ecu-component=card],[data-ecu-theme=accessible] [data-ecu-component=badge],[data-ecu-theme=accessible] .ecu-control{border:2px solid var(--ecu-line)!important}[data-ecu-theme] :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:0 0 0 3px var(--ecu-surface),0 0 0 5px var(--ecu-focus)}@media (prefers-reduced-motion: reduce){[data-ecu-theme] *{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--paper: #f0efec;--ink: #363333;--ink-soft: #696262;--border: #363333;--purple: #baaeff;--purple-tint: #e8e1fa;--pink: #f2b9e0;--pink-tint: #fae7ef;--yellow: #fffae0;--green: #bbffdd;--green-tint: #eaf9d2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans Condensed,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:880px;margin:0 auto;padding:72px 24px 48px}.hero{text-align:left;margin-bottom:56px}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.08em;text-transform:lowercase;color:var(--ink-soft);margin:0 0 12px;display:flex;align-items:center;gap:6px}.eyebrow__mark{width:12px;height:12px;display:inline-block}.wordmark{font-size:clamp(48px,9vw,88px);font-weight:700;line-height:1;margin:0 0 20px;color:var(--ink);letter-spacing:-.02em}.tagline{font-size:19px;line-height:1.5;color:var(--ink-soft);max-width:560px;margin:0 0 28px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.cta-link{text-decoration:none;min-width:160px}.cta-link button{width:100%}.install-snippet{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:14px;background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:8px 14px}.demo-frame{background:var(--ecu-surface, #ffffff);color:var(--ecu-ink, #363333);border:3px solid var(--ecu-border-strong, var(--border));border-radius:24px;box-shadow:8px 8px 0 0 var(--ecu-border-strong, var(--border));padding:24px;margin-bottom:64px;transition:background-color .2s ease,color .2s ease}.demo-frame__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.demo-frame__toggle{display:flex;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12px}.demo-frame__toggle-label{color:var(--ecu-ink-soft, var(--ink-soft))}.demo-frame__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}@media (max-width: 640px){.demo-frame__grid{grid-template-columns:1fr}}.demo-frame__col{display:flex;flex-direction:column;gap:16px}.demo-frame__row{display:flex;flex-wrap:wrap;gap:10px}.demo-frame__card-body{display:flex;align-items:center;gap:10px}.demo-frame .ecu-field__label{color:var(--ecu-ink, #363333)}.components-list{margin-bottom:64px}.components-list h2{font-size:22px;margin-bottom:20px}.components-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.components-list li{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--ink-soft)}.footer{border-top:1.5px solid var(--border);padding-top:24px;font-size:14px;color:var(--ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer a{color:var(--ink);font-weight:600}.footer-links{display:flex;gap:16px}.footer-links a{text-decoration:none;border-bottom:1.5px solid var(--purple)}
