.app{min-height:100vh}.ehm-badge[data-v-49f72f31] .c-badge--status-default{--fk-badge-background: var(--ehmds-color-primary, #2563eb) !important;--fk-badge-color: var(--ehmds-color-primary-contrast, #ffffff) !important}.ehm-badge[data-v-49f72f31] .c-badge--status-info{--fk-badge-background: var(--ehmds-color-neutral-200, #e2e8f0) !important;--fk-badge-color: var(--ehmds-color-text-primary, #0f172a) !important}.ehm-badge[data-v-49f72f31] .c-badge--status-error{--fk-badge-background: var(--ehmds-color-error, #ef4444) !important;--fk-badge-color: var(--ehmds-color-error-contrast, #ffffff) !important}.ehm-badge[data-v-49f72f31] .c-badge--status-success{--fk-badge-background: var(--ehmds-color-success, #10b981) !important;--fk-badge-color: var(--ehmds-color-success-contrast, #ffffff) !important}.ehm-badge[data-v-49f72f31] .c-badge--status-warning{--fk-badge-background: var(--ehmds-color-warning, #f59e0b) !important;--fk-badge-color: var(--ehmds-color-warning-contrast, #212529) !important}.ehm-badge[data-v-49f72f31] .c-badge--inverted{--fk-badge-background: var(--ehmds-color-background-primary, #ffffff) !important;--fk-badge-color: var(--ehmds-color-primary, #2563eb) !important}.ehm-badge[data-v-49f72f31]{font-family:var(--ehmds-font-family, inherit);border-radius:var(--ehmds-border-radius-small, 4px)}.ehm-card[data-v-12de8478]{border-radius:var(--ehmds-border-radius-large, 8px)}.ehm-card--bordered[data-v-12de8478]{border:2px solid var(--ehmds-color-neutral-300, #cbd5e1)}.ehm-card--elevated[data-v-12de8478]{box-shadow:var(--ehmds-shadow-large, 0 10px 15px -3px rgba(0, 0, 0, .1))}.ehm-card--compact[data-v-12de8478]{padding:var(--ehmds-spacing-3, .75rem)}.ehm-card--error[data-v-12de8478]{border-color:var(--ehmds-color-error, #ef4444);box-shadow:0 0 0 1px var(--ehmds-color-error, #ef4444)}.ehm-card__footer[data-v-12de8478]{display:flex;gap:var(--ehmds-spacing-2, .5rem);justify-content:flex-end}.ehm-text-field[data-v-66de107b]{display:flex;flex-direction:column;gap:var(--ehmds-spacing-1, .25rem);width:100%}.ehm-text-field__label[data-v-66de107b]{font-size:var(--ehmds-font-size-sm, .875rem);font-weight:var(--ehmds-font-weight-medium, 500);color:var(--ehmds-color-text-primary, #0f172a);display:flex;align-items:center;gap:var(--ehmds-spacing-1, .25rem)}.ehm-text-field__required[data-v-66de107b]{color:var(--ehmds-color-error, #ef4444)}.ehm-text-field__input-wrapper[data-v-66de107b]{display:flex;align-items:center;position:relative}.ehm-text-field__prefix[data-v-66de107b],.ehm-text-field__suffix[data-v-66de107b]{display:flex;align-items:center;padding:0 var(--ehmds-spacing-3, .75rem);color:var(--ehmds-color-text-tertiary, #64748b);background-color:var(--ehmds-color-neutral-100, #f1f5f9);border:1px solid var(--ehmds-color-neutral-300, #cbd5e1);height:100%}.ehm-text-field__prefix[data-v-66de107b]{border-right:none;border-radius:var(--ehmds-border-radius-medium, 6px) 0 0 var(--ehmds-border-radius-medium, 6px)}.ehm-text-field__suffix[data-v-66de107b]{border-left:none;border-radius:0 var(--ehmds-border-radius-medium, 6px) var(--ehmds-border-radius-medium, 6px) 0}.ehm-text-field__charcount[data-v-66de107b]{position:absolute;right:var(--ehmds-spacing-3, .75rem);bottom:var(--ehmds-spacing-3, .75rem);font-size:var(--ehmds-font-size-xs, .75rem);color:var(--ehmds-color-text-tertiary, #64748b);background-color:var(--ehmds-color-background-primary, #ffffff);padding:var(--ehmds-spacing-1, .25rem) var(--ehmds-spacing-2, .5rem);border-radius:var(--ehmds-border-radius-small, 4px)}.ehm-text-field__helper[data-v-66de107b],.ehm-text-field__error[data-v-66de107b]{font-size:var(--ehmds-font-size-sm, .875rem);margin:0}.ehm-text-field__helper[data-v-66de107b]{color:var(--ehmds-color-text-secondary, #475569)}.ehm-text-field__error[data-v-66de107b]{color:var(--ehmds-color-error, #ef4444)}.ehm-text-field--error[data-v-66de107b] *{border-color:var(--ehmds-color-error, #ef4444)!important}.ehm-text-field--success[data-v-66de107b] *{border-color:var(--ehmds-color-success, #10b981)!important}.ehm-text-field--warning[data-v-66de107b] *{border-color:var(--ehmds-color-warning, #f59e0b)!important}.ehm-search-box[data-v-009e355b]{display:flex;flex-direction:column;gap:var(--ehmds-spacing-4, 1rem)}.ehm-search-box__content[data-v-009e355b]{display:flex;align-items:center;gap:var(--ehmds-spacing-2, .5rem);width:100%}.ehm-search-box__input[data-v-009e355b]{flex:1;min-width:0}.ehm-search-box__button[data-v-009e355b],.ehm-search-box__clear[data-v-009e355b]{flex-shrink:0}.ehm-search-box__filters[data-v-009e355b]{margin-top:var(--ehmds-spacing-3, .75rem);padding-top:var(--ehmds-spacing-3, .75rem);border-top:1px solid var(--ehmds-color-neutral-200, #e2e8f0)}.ehm-search-box__results[data-v-009e355b]{margin-top:var(--ehmds-spacing-4, 1rem)}.ehm-search-box__expandable[data-v-009e355b]{border:1px solid var(--ehmds-color-neutral-300, #cbd5e1);border-radius:var(--ehmds-border-radius-medium, 6px);background-color:var(--ehmds-color-background-primary, #ffffff);overflow:hidden}.ehm-search-box__toggle[data-v-009e355b]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--ehmds-spacing-2, .5rem);padding:var(--ehmds-spacing-3, .75rem);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:1rem;font-weight:600;color:var(--ehmds-color-text-primary, #1a202c);transition:background-color .2s}.ehm-search-box__toggle[data-v-009e355b]:hover{background-color:var(--ehmds-color-neutral-100, #f7fafc)}.ehm-search-box__toggle-text[data-v-009e355b]{flex:1}.ehm-search-box__toggle-icon[data-v-009e355b]{flex-shrink:0;transition:transform .2s}.ehm-search-box__expandable-content[data-v-009e355b]{border-top:1px solid var(--ehmds-color-neutral-200, #e2e8f0)}.ehm-search-box--loading[data-v-009e355b]{opacity:.7;pointer-events:none}@media(max-width:640px){.ehm-search-box__content[data-v-009e355b]{flex-wrap:wrap}.ehm-search-box__input[data-v-009e355b]{width:100%;order:1}.ehm-search-box__button[data-v-009e355b]{order:2}.ehm-search-box__clear[data-v-009e355b]{order:3}}.app[data-v-a4b54d0c]{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header[data-v-a4b54d0c]{text-align:center;margin-bottom:3rem}.header h1[data-v-a4b54d0c]{color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem}.header p[data-v-a4b54d0c]{color:#7f8c8d;font-size:1.1rem;margin-bottom:1rem}.header-links[data-v-a4b54d0c]{display:flex;justify-content:center;gap:1.5rem}.header-links a[data-v-a4b54d0c]{color:#3498db;text-decoration:none;font-weight:500}.header-links a[data-v-a4b54d0c]:hover{text-decoration:underline}.pattern-nav[data-v-a4b54d0c]{background:#fff;padding:2rem;border-radius:.75rem;border:1px solid #e9ecef;margin-bottom:3rem;box-shadow:0 2px 4px #0000001a}.pattern-nav h2[data-v-a4b54d0c]{color:#495057;margin:0 0 1.5rem;font-size:1.5rem;border-bottom:2px solid #dee2e6;padding-bottom:.5rem}.pattern-list[data-v-a4b54d0c]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pattern-item[data-v-a4b54d0c]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:.5rem;border:1px solid #dee2e6;cursor:pointer;transition:all .2s}.pattern-item[data-v-a4b54d0c]:hover{background:#e9ecef;transform:translate(4px)}.pattern-icon[data-v-a4b54d0c]{font-size:2rem}.pattern-info[data-v-a4b54d0c]{flex:1}.pattern-info h3[data-v-a4b54d0c]{color:#495057;margin:0 0 .25rem;font-size:1.1rem}.pattern-info p[data-v-a4b54d0c]{color:#6c757d;margin:0;font-size:.9rem}.pattern-arrow[data-v-a4b54d0c]{color:#3498db;font-size:1.5rem}.main[data-v-a4b54d0c]{display:flex;flex-direction:column;gap:3rem}.pattern-section[data-v-a4b54d0c]{position:relative;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){#token-override[data-v-a4b54d0c],#wrapper[data-v-a4b54d0c]{grid-template-columns:repeat(2,1fr)}#extension[data-v-a4b54d0c]{grid-template-columns:repeat(3,1fr)}#composition[data-v-a4b54d0c]{grid-template-columns:repeat(2,1fr)}}.pattern-section>.code-block[data-v-a4b54d0c]{grid-column:1 / -1}.pattern-header[data-v-a4b54d0c]{margin-bottom:2rem;grid-column:1 / -1}.pattern-header h2[data-v-a4b54d0c]{color:#495057;margin:.5rem 0;font-size:2rem}.pattern-description[data-v-a4b54d0c]{color:#6c757d;font-size:1rem;line-height:1.6;max-width:800px}.pattern-description code[data-v-a4b54d0c]{background:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Consolas,monospace;font-size:.9em}.pattern-docs-link[data-v-a4b54d0c]{display:inline-block;margin-top:.5rem;color:#3498db;text-decoration:none;font-weight:500}.pattern-docs-link[data-v-a4b54d0c]:hover{text-decoration:underline}.demo-block[data-v-a4b54d0c]{background:#f8f9fa;padding:1.5rem;border-radius:.5rem;border:1px solid #e9ecef}.demo-block h3[data-v-a4b54d0c]{color:#495057;margin:0 0 1rem;font-size:1.25rem}.demo-row[data-v-a4b54d0c]{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.card-grid[data-v-a4b54d0c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.form-grid[data-v-a4b54d0c]{display:flex;flex-direction:column;gap:1.5rem}.search-demo[data-v-a4b54d0c]{max-width:600px}.search-results[data-v-a4b54d0c]{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:.5rem;min-height:60px}.search-loading[data-v-a4b54d0c],.search-empty[data-v-a4b54d0c]{color:#6c757d;text-align:center}.search-list[data-v-a4b54d0c],.product-list[data-v-a4b54d0c]{display:flex;flex-direction:column;gap:.5rem}.search-item[data-v-a4b54d0c],.product-item[data-v-a4b54d0c]{padding:.75rem;background:#fff;border-radius:.375rem;border:1px solid #dee2e6}.product-item[data-v-a4b54d0c]{display:flex;justify-content:space-between;align-items:center}.product-name[data-v-a4b54d0c]{font-weight:500}.product-price[data-v-a4b54d0c]{color:#10b981;font-weight:600}.search-filters[data-v-a4b54d0c]{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:.5rem}.filter-group[data-v-a4b54d0c]{display:flex;flex-direction:column;gap:.5rem}.filter-group label[data-v-a4b54d0c]{display:flex;align-items:center;gap:.5rem;color:#495057}.filter-group select[data-v-a4b54d0c]{padding:.5rem;border:1px solid #ced4da;border-radius:.25rem;background:#fff}.code-block[data-v-a4b54d0c]{padding:1rem;background:#1e293b;border-radius:.5rem;overflow-x:auto}.code-block pre[data-v-a4b54d0c]{margin:0;color:#e2e8f0;font-family:Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5}.comparison-section[data-v-a4b54d0c]{background:#f8f9fa}.comparison-table[data-v-a4b54d0c]{width:100%;border-collapse:collapse;background:#fff;border-radius:.5rem;overflow:hidden}.comparison-table th[data-v-a4b54d0c],.comparison-table td[data-v-a4b54d0c]{padding:1rem;text-align:left;border-bottom:1px solid #dee2e6}.comparison-table th[data-v-a4b54d0c]{background:#495057;color:#fff;font-weight:600}.comparison-table tr:last-child td[data-v-a4b54d0c]{border-bottom:none}.comparison-table tbody tr[data-v-a4b54d0c]:hover{background:#f8f9fa}.footer[data-v-a4b54d0c]{text-align:center;padding:2rem 0;border-top:1px solid #dee2e6;margin-top:3rem;color:#6c757d}.footer p[data-v-a4b54d0c]{margin:.5rem 0}.footer a[data-v-a4b54d0c]{color:#3498db;text-decoration:none}.footer a[data-v-a4b54d0c]:hover{text-decoration:underline}.footer span[data-v-a4b54d0c]{margin:0 .5rem;color:#dee2e6}.toggle-button[data-v-a4b54d0c]{padding:.375rem .75rem;font-size:.875rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.toggle-button[data-v-a4b54d0c]:hover{background:#2980b9}@media(max-width:768px){.app[data-v-a4b54d0c]{padding:1rem}.header h1[data-v-a4b54d0c]{font-size:2rem}.card-grid[data-v-a4b54d0c]{grid-template-columns:1fr}.pattern-item[data-v-a4b54d0c]{flex-wrap:wrap}.comparison-table[data-v-a4b54d0c]{font-size:.875rem}.comparison-table th[data-v-a4b54d0c],.comparison-table td[data-v-a4b54d0c]{padding:.5rem}}.docs-layout[data-v-b8e1df4a]{min-height:100vh;display:flex;flex-direction:column;font-family:var(--ehmds-font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.docs-header[data-v-b8e1df4a]{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem 0}.docs-header-content[data-v-b8e1df4a]{max-width:900px;margin:0 auto;padding:0 2rem}.docs-header h1[data-v-b8e1df4a]{margin:0 0 .5rem;font-size:1.75rem;color:#2c3e50}.docs-nav a[data-v-b8e1df4a]{color:#3498db;text-decoration:none;font-weight:500}.docs-nav a[data-v-b8e1df4a]:hover{text-decoration:underline}.docs-main[data-v-b8e1df4a]{flex:1;padding:2rem 0}.docs-content[data-v-b8e1df4a]{max-width:800px;margin:0 auto;padding:0 2rem}.docs-footer[data-v-b8e1df4a]{padding:2rem 0;border-top:1px solid #e9ecef;text-align:center;color:#6c757d;font-size:.875rem}.docs-footer p[data-v-b8e1df4a]{margin:0}.docs-index h1[data-v-68d5e585]{margin-bottom:1rem}.docs-list[data-v-68d5e585]{list-style:none;padding:0}.docs-list li[data-v-68d5e585]{margin:.5rem 0}.docs-list a[data-v-68d5e585]{color:#3498db;text-decoration:none;font-size:1.1rem}.docs-list a[data-v-68d5e585]:hover{text-decoration:underline}.docs-page[data-v-b96331ec]{line-height:1.6}.docs-page[data-v-b96331ec] h1{font-size:2rem;margin:0 0 1rem;color:#2c3e50;border-bottom:2px solid #dee2e6;padding-bottom:.5rem}.docs-page[data-v-b96331ec] h2{font-size:1.5rem;margin:1.5rem 0 .75rem;color:#34495e}.docs-page[data-v-b96331ec] h3{font-size:1.25rem;margin:1.25rem 0 .5rem;color:#34495e}.docs-page[data-v-b96331ec] h4{font-size:1.1rem;margin:1rem 0 .5rem;color:#34495e}.docs-page[data-v-b96331ec] p{margin:0 0 1rem}.docs-page[data-v-b96331ec] ul,.docs-page[data-v-b96331ec] ol{margin:0 0 1rem;padding-left:2rem}.docs-page[data-v-b96331ec] li{margin:.25rem 0}.docs-page[data-v-b96331ec] code{background:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Consolas,monospace;font-size:.9em}.docs-page[data-v-b96331ec] pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.docs-page[data-v-b96331ec] pre code{background:none;padding:0;color:inherit}.docs-page[data-v-b96331ec] a{color:#3498db;text-decoration:none}.docs-page[data-v-b96331ec] a:hover{text-decoration:underline}.docs-page[data-v-b96331ec] table{width:100%;border-collapse:collapse;margin:1rem 0}.docs-page[data-v-b96331ec] th,.docs-page[data-v-b96331ec] td{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.docs-page[data-v-b96331ec] th{background:#495057;color:#fff;font-weight:600}.docs-page[data-v-b96331ec] blockquote{border-left:4px solid #3498db;padding-left:1rem;margin:1rem 0;color:#6c757d}.docs-page[data-v-b96331ec] .mermaid{display:flex;justify-content:center;margin:2rem 0;padding:1rem;background:#f8f9fa;border-radius:.5rem}.docs-page[data-v-b96331ec] .mermaid svg{max-width:100%;height:auto}.docs-page[data-v-b96331ec] .mermaid-error{color:#dc3545;background:#f8d7da;padding:1rem;border-radius:.25rem}