.onui-card-preview{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--card);box-shadow:var(--shadow-md);padding:1.5rem}.onui-card-preview--variant-wrap{box-shadow:none;background:0 0;border:none;flex-direction:column;height:100%;padding:0;display:flex}.onui-card-preview--variant-wrap>*{flex:1;min-height:0}.onui-card-preview--streaming{opacity:.7}.onui-card-preview--loading .onui-card-metric-value,.onui-card-preview--loading .onui-card-metric-label{background:linear-gradient(90deg,var(--muted)0%,transparent 50%,var(--muted)100%);border-radius:calc(var(--radius) - 2px);color:#0000;background-size:200% 100%;animation:1.5s ease-in-out infinite onui-skeleton-shimmer}.onui-card-preview--empty{justify-content:center;align-items:center;min-height:100px;display:flex}.onui-card-empty-text{color:var(--muted-foreground);font-size:var(--text-base)}.onui-card-header{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.onui-card-header-row{justify-content:space-between;align-items:flex-start;display:flex}.onui-card-header-image{border-radius:var(--radius,8px);margin:-1rem -1rem 0;overflow:hidden}.onui-card-header-img{object-fit:cover;width:100%;height:160px;display:block}.onui-card-preview--clickable{cursor:pointer;transition:border-color .15s,background .15s}.onui-card-preview--clickable:hover{border-color:var(--primary,#7c3aed);background:color-mix(in srgb,var(--muted)40%,transparent)}.onui-card-preview--clickable:focus-visible{outline:2px solid var(--primary,#7c3aed);outline-offset:2px}.onui-card-header-content{align-items:flex-start;gap:.75rem;display:flex}.onui-card-header-icon{border-radius:var(--radius);background-color:var(--muted);width:2.5rem;height:2.5rem;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onui-card-header-text{flex-direction:column;gap:.125rem;display:flex}.onui-card-title{font-size:var(--text-lg);font-weight:var(--font-light);color:var(--foreground);margin:0}.onui-card-subtitle{font-size:var(--text-base);color:var(--muted-foreground);margin:0}.onui-card-content{flex-direction:column;gap:1rem;display:flex}.onui-card-description{font-size:var(--text-base);color:var(--foreground);margin:0;line-height:1.5}.onui-card-metrics{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 1px;display:grid}.onui-card-metrics>:last-child:nth-child(odd){grid-column:1/-1}.onui-card-metric{background:color-mix(in srgb,var(--accent)10%,var(--card));align-items:flex-start;gap:.5rem;padding:.625rem .75rem;display:flex}.onui-card-metric-icon{border-radius:calc(var(--radius) - 4px);width:1.5rem;height:1.5rem;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;margin-top:.0625rem;display:flex}.onui-card-metric-content{flex-direction:column;gap:.0625rem;min-width:0;display:flex}.onui-card-metric-label{font-size:var(--text-base);font-weight:var(--font-light);color:var(--muted-foreground);letter-spacing:.01em}.onui-card-metric-value{font-size:var(--text-base);font-weight:var(--font-light);font-variant-numeric:tabular-nums;color:var(--foreground);word-break:break-word;line-height:1.3}.onui-card-metric-value-row{flex-wrap:wrap;align-items:baseline;gap:.375rem;min-width:0;display:flex}.onui-card-metric-change{font-size:var(--text-base);font-weight:var(--font-light);word-break:break-word;align-items:center;gap:.125rem;display:inline-flex}.onui-card-metric-change--positive{color:var(--success)}.onui-card-metric-change--negative{color:var(--destructive)}.onui-card-metric-change--neutral{color:var(--muted-foreground)}.onui-card-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.onui-card-list-item{font-size:var(--text-base);color:var(--foreground);align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.onui-card-list-item--link{border-radius:calc(var(--radius) - 2px);transition:background-color var(--onui-transition-fast);margin:-.5rem;padding:.5rem;text-decoration:none}.onui-card-list-item--link:hover{background-color:var(--muted)}.onui-card-list-icon{color:var(--muted-foreground);display:flex}.onui-card-list-text{flex:1}.onui-card-list-link-icon{color:var(--muted-foreground);opacity:.5;display:flex}.onui-card-footer{gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.onui-card-action-icon{margin-right:.25rem;display:flex}.onui-card-preview--pricing{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-direction:column;height:100%;padding:1.25rem;display:flex;position:relative;overflow:hidden}.onui-card-preview--pricing-popular{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.onui-card-pricing-badge{background:var(--primary);color:var(--primary-foreground);font-size:var(--text-xs);border-bottom-left-radius:var(--radius);padding:3px 10px;font-weight:600;position:absolute;top:0;right:0}.onui-card-pricing-header{margin-bottom:1rem}.onui-card-pricing-plan{font-size:var(--text-base);color:var(--foreground);margin:0 0 .25rem;font-weight:700}.onui-card-pricing-description{font-size:var(--text-sm);color:var(--muted-foreground);margin:0 0 .75rem}.onui-card-pricing-price{align-items:baseline;gap:2px;margin-bottom:.5rem;display:flex}.onui-card-pricing-amount{color:var(--foreground);font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.onui-card-pricing-period{font-size:var(--text-sm);color:var(--muted-foreground)}.onui-card-pricing-features{flex-direction:column;flex:1;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.onui-card-pricing-feature{font-size:var(--text-sm);color:var(--foreground);align-items:center;gap:.5rem;display:flex}.onui-card-pricing-check{color:var(--primary);flex-shrink:0;display:flex}.onui-card-preview--feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:.5rem;height:100%;padding:1.25rem;display:flex}.onui-card-feature-icon{color:var(--primary);background:color-mix(in srgb,var(--primary)12%,transparent);border-radius:var(--radius);margin-bottom:.25rem;padding:.5rem;display:flex}.onui-card-feature-title{font-size:var(--text-base);color:var(--foreground);margin:0;font-weight:600}.onui-card-feature-description{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;line-height:1.5}.onui-card-preview--stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;gap:.25rem;height:100%;padding:1.25rem;display:flex}.onui-card-stat-header{align-items:center;gap:.4rem;margin-bottom:.25rem;display:flex}.onui-card-stat-icon{color:var(--muted-foreground);display:flex}.onui-card-stat-label{font-size:var(--text-sm);color:var(--muted-foreground);font-weight:500}.onui-card-stat-value{color:var(--foreground);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;line-height:1}.onui-card-stat-change{font-size:var(--text-xs);align-items:center;gap:3px;font-weight:500;display:flex}.onui-card-stat-change--positive{color:var(--success,#22c55e)}.onui-card-stat-change--negative{color:var(--destructive)}.onui-card-stat-change--neutral{color:var(--muted-foreground)}.onui-card-stat-secondary{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:.5rem;padding-top:.5rem;display:flex}.onui-card-stat-secondary-item{font-size:var(--text-xs);justify-content:space-between;display:flex}.onui-card-stat-secondary-label{color:var(--muted-foreground)}.onui-card-stat-secondary-value{color:var(--foreground);font-weight:600}.onui-card-preview--compact{border-radius:var(--radius);background:var(--onui-card-color,var(--primary));color:#fff;flex-direction:column;justify-content:flex-end;height:100%;min-height:90px;padding:1rem 1.125rem;display:flex;position:relative;overflow:hidden}.onui-card-compact-icon{opacity:.85;display:flex;position:absolute;top:.875rem;right:.875rem}.onui-card-compact-value{color:#fff;margin-bottom:.2rem;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800;line-height:1}.onui-card-compact-label{font-size:var(--text-sm);color:#ffffffd1;letter-spacing:.01em;text-transform:uppercase;font-weight:500}.onui-card-compact-change{font-size:var(--text-xs);color:#ffffffe6;align-items:center;gap:2px;margin-top:.25rem;font-weight:600;display:flex}.onui-card-preview--hero{border-radius:var(--radius);background:var(--onui-card-color,var(--primary));color:#fff;flex-direction:column;justify-content:flex-end;height:100%;min-height:140px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.onui-card-preview--hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 60%);position:absolute;inset:0}.onui-card-hero-icon{opacity:.9;display:flex;position:absolute;top:1.25rem;left:1.5rem}.onui-card-hero-subtitle{font-size:var(--text-xs);color:#ffffffbf;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-weight:500}.onui-card-hero-title{font-size:var(--text-base);color:#ffffffeb;margin-bottom:.35rem;font-weight:600}.onui-card-hero-value{color:#fff;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:800;line-height:1}.onui-card-hero-change{font-size:var(--text-xs);color:#ffffffd9;align-items:center;gap:3px;margin-top:.4rem;font-weight:600;display:flex}