.kbd{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:var(--border-width-1, 1px) solid color-mix(in srgb,var(--color-text-primary) 25%,transparent);border-radius:var(--radius-2, 4px);background:transparent;color:color-mix(in srgb,var(--color-text-primary) 50%,transparent);font-family:var(--font-family-ui, var(--font-family-ui));font-weight:var(--font-weight-regular, 400);line-height:1}.kbd-24{min-width:24px;height:24px;padding:0 6px;font-size:12px}.kbd-16{min-width:16px;height:16px;padding:0 4px;font-size:9px}@layer product.components{.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;border:var(--border-width-1) solid transparent;border-radius:var(--radius-1);font:inherit;font-weight:var(--font-weight-regular);text-decoration:none;white-space:nowrap;cursor:var(--cursor-action);transition:color var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.ui-button--xs{min-height:var(--size-control-xs);padding-inline:var(--space-1);font-size:var(--font-size-11)}.ui-button--sm{min-height:var(--size-control-sm);padding-inline:var(--space-2);font-size:var(--font-size-12)}.ui-button--md{min-height:var(--size-control-md);padding-inline:var(--space-3);font-size:var(--font-size-14)}.ui-button--primary{background:var(--color-bg-action-primary);color:var(--color-text-action-primary)}.ui-button--primary:hover{background:var(--color-bg-action-primary-hover)}.ui-button--primary:active:not(:disabled){background:var(--color-bg-action-primary-active)}.ui-button--inverse{background:var(--color-bg-action-inverse);color:var(--color-text-action-inverse)}.ui-button--inverse:hover{background:var(--color-bg-action-inverse-hover)}.ui-button--inverse:active:not(:disabled){background:var(--color-bg-action-inverse-active)}.ui-button--secondary{border-color:var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary)}.ui-button--secondary:hover,.ui-button--ghost:hover{background:var(--color-bg-hover)}.ui-button--secondary:active:not(:disabled),.ui-button--ghost:active:not(:disabled){background:var(--color-bg-active)}.ui-button--ghost{background:transparent;color:var(--color-text-secondary)}.ui-button--danger{background:var(--color-bg-danger);color:var(--color-text-danger)}.ui-button--danger:hover{background:var(--color-bg-danger-hover)}.ui-button--danger:active:not(:disabled){border-color:var(--color-border-danger);background:var(--color-bg-danger-hover)}.ui-button:focus-visible,.ui-switch:focus-visible,.ui-segmented__item:focus-visible,.ui-menu-item:focus-visible{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:var(--space-0-5);box-shadow:var(--shadow-focus)}.ui-field:focus-visible,.ui-select:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.ui-button:active:not(:disabled){transform:translateY(var(--border-width-1))}.ui-button:disabled,.ui-button[aria-disabled=true]{color:var(--color-text-disabled);cursor:var(--cursor-disabled);opacity:.55}.ui-button--inverse:disabled,.ui-button--inverse[aria-disabled=true]{color:var(--color-text-action-inverse);opacity:1}.ui-button__spinner{width:var(--size-icon-sm);height:var(--size-icon-sm);border:var(--border-width-2) solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:ui-spin var(--motion-duration-slower) var(--motion-ease-linear) infinite}.ui-icon-button{flex:0 0 auto;padding:0}.ui-icon-button.ui-button--xs{width:var(--size-control-xs)}.ui-icon-button.ui-button--sm{width:var(--size-control-sm)}.ui-icon-button.ui-button--md{width:var(--size-control-md)}.ui-field,.ui-select{width:100%;min-width:0;min-height:var(--size-control-md);padding-inline:var(--space-2);border:var(--border-default);border-radius:var(--radius-1);background:var(--color-bg-surface);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-12);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.ui-field::placeholder{color:var(--color-text-muted)}.ui-field:disabled,.ui-select:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:var(--cursor-disabled)}.ui-field[aria-invalid=true],.ui-select[aria-invalid=true]{border-color:var(--color-border-danger)}.ui-switch{position:relative;flex:0 0 auto;width:38px;height:22px;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-bg-disabled);cursor:var(--cursor-action);transition:background-color var(--motion-duration-fast) var(--motion-ease-standard)}.ui-switch[aria-checked=true]{background:var(--color-bg-action-primary)}.ui-switch:disabled{cursor:var(--cursor-disabled);opacity:.55}.ui-switch__thumb{position:absolute;top:3px;left:3px;width:var(--size-icon-md);height:var(--size-icon-md);border-radius:var(--radius-full);background:var(--color-bg-surface);box-shadow:var(--shadow-1);transition:transform var(--motion-duration-fast) var(--motion-ease-standard)}.ui-switch[aria-checked=true] .ui-switch__thumb{transform:translate(var(--size-icon-md))}.ui-segmented{display:inline-flex;align-items:stretch;overflow:hidden;border:var(--border-default);border-radius:var(--radius-1)}.ui-segmented__item{min-height:var(--size-control-sm);padding-inline:var(--space-2);border:0;border-right:var(--border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);font:inherit;cursor:var(--cursor-action);transition:color var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard)}.ui-segmented__item:last-child{border-right:0}.ui-segmented__item:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.ui-segmented__item[aria-pressed=true]{background:var(--color-bg-selected);color:var(--color-text-brand);font-weight:var(--font-weight-medium)}.ui-segmented__item[aria-pressed=true]:hover:not(:disabled){background:var(--color-bg-selected-hover)}.ui-segmented__item:active:not(:disabled){background:var(--color-bg-active)}.ui-segmented__item:disabled{color:var(--color-text-disabled);cursor:var(--cursor-disabled)}.ui-menu-surface{position:fixed;z-index:var(--z-dropdown);overflow:hidden;padding:var(--space-1);border:var(--border-default);border-radius:var(--radius-1);background:var(--color-bg-surface-raised);box-shadow:var(--shadow-2)}.ui-menu-item{display:flex;align-items:center;width:100%;min-height:var(--size-control-sm);padding-inline:var(--space-2);border:0;border-radius:var(--radius-1);background:transparent;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-12);text-align:left;cursor:var(--cursor-action)}.ui-menu-item:hover,.ui-menu-item:focus-visible{background:var(--color-bg-hover)}.ui-menu-item--danger{color:var(--color-text-danger)}.ui-menu-item:disabled{color:var(--color-text-disabled);cursor:var(--cursor-disabled)}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg-overlay)}.ui-dialog-panel{position:relative;z-index:var(--z-dialog);max-width:100%;max-height:100%;overflow:auto;border-radius:var(--radius-1);background:var(--color-bg-surface-raised);box-shadow:var(--shadow-3)}.ui-panel-header,.ui-section-header,.ui-property-row,.ui-tree-row,.ui-field-group,.ui-empty-state{color:var(--color-text-primary)}.ui-panel-header,.ui-section-header,.ui-property-row,.ui-tree-row{display:flex;align-items:center}.ui-panel-header{min-height:var(--size-control-lg);padding-inline:var(--space-4);border-bottom:var(--border-default)}.ui-section-header{min-height:var(--size-control-md);color:var(--color-text-secondary);font-size:var(--font-size-12)}.ui-property-row,.ui-tree-row{min-height:var(--size-control-md);gap:var(--space-2)}.ui-field-group{display:flex;flex-direction:column;gap:var(--space-1)}.ui-field-group__label{color:var(--color-text-secondary);font-size:var(--font-size-12)}.ui-field-group__message{color:var(--color-text-muted);font-size:var(--font-size-11)}.ui-field-group__message--error{color:var(--color-text-danger)}.ui-empty-state{display:grid;place-items:center;padding:var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-12);text-align:center}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-button,.ui-field,.ui-select,.ui-switch,.ui-switch__thumb,.ui-segmented__item{transition-duration:var(--motion-duration-instant)}.ui-button__spinner{animation:none}}}
