.onui-card{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);border-radius:.75rem;box-shadow:0 1px 2px #0000000d}.onui-card__header{flex-direction:column;gap:6px;padding:24px;display:flex}.onui-card__header--row{flex-direction:row;align-items:center}.onui-card__header-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.onui-card__header-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.onui-card__header--row .onui-card__header-text{flex-direction:row;align-items:center;gap:6px}.onui-card__header-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.onui-card__title{font-size:var(--text-2xl);font-weight:var(--font-normal);letter-spacing:-.01em;line-height:1}.onui-card__description{font-size:var(--text-base);color:var(--muted-foreground)}.onui-card__content{padding:16px}.onui-card__footer{align-items:center;padding:16px;display:flex}.onui-card--compact{box-shadow:none;border-radius:8px}.onui-card--compact .onui-card__header{background:color-mix(in srgb,var(--muted)30%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border)50%,transparent);flex-direction:row;align-items:center;gap:6px;padding:7px 10px}.onui-card--compact .onui-card__title{font-size:var(--text-sm);font-weight:var(--font-light);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground)}.onui-card--compact .onui-card__description{font-size:var(--text-xs)}.onui-card--compact .onui-card__content{flex-direction:column;gap:8px;padding:8px 10px;display:flex}.onui-card--compact .onui-card__footer{padding:6px 10px}.onui-card__header--toggle{cursor:pointer;width:100%;font-family:inherit;font-size:inherit;text-align:left;color:inherit;background:color-mix(in srgb,var(--muted)30%,transparent);border:none;padding:7px 10px;transition:background .15s}.onui-card__header--toggle:hover{background:color-mix(in srgb,var(--muted)50%,transparent)}.onui-card--interactive{cursor:pointer;transition:border-color .15s,box-shadow .15s}.onui-card--interactive:hover{border-color:color-mix(in srgb,var(--primary)40%,transparent);box-shadow:0 1px 4px color-mix(in srgb,var(--foreground)5%,transparent)}.onui-card--selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary)20%,transparent)}.onui-card--drag-over{box-shadow:inset 0 -2px 0 0 var(--primary)}.onui-card--success{border-color:var(--success);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--success)15%,transparent),0 2px 4px -2px color-mix(in srgb,var(--success)10%,transparent)}.onui-card--error{border-color:var(--destructive);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--destructive)15%,transparent),0 2px 4px -2px color-mix(in srgb,var(--destructive)10%,transparent)}.onui-card--loading{border-color:var(--primary);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--primary)15%,transparent),0 2px 4px -2px color-mix(in srgb,var(--primary)10%,transparent)}.onui-card__chevron{flex-shrink:0;margin-left:auto;transition:transform .2s}.onui-card__chevron--open{transform:rotate(180deg)}