.card-demo{gap:20px;display:grid}.card-demo-example{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);min-width:0;overflow:hidden}.card-demo-example>header{border-bottom:1px solid var(--sprout-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;padding:14px 20px;display:flex}.card-demo-example>header>div:first-child{flex:260px;min-width:0}.card-demo-example h3{font-size:13px;font-weight:550}.card-demo-example header p{color:var(--sprout-muted);margin-top:2px;font-size:12px;line-height:1.6}.card-demo-controls{flex-wrap:wrap;gap:8px;display:flex}.card-demo-body{background:var(--sprout-canvas);gap:12px;min-width:0;padding:20px;display:grid}.card-demo-stage{justify-items:center;display:grid}.card-demo-stage>[data-slot=card]{width:100%;max-width:24rem}.card-demo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:16px;display:grid}.card-demo-panel{min-width:0}.card-demo-text{font-size:14px;line-height:1.25rem}.card-demo-strong{min-width:0;font-size:14px;font-weight:500;line-height:1.25rem}.card-demo-muted{color:var(--sprout-muted);font-size:14px;line-height:1.25rem}.card-demo-caption{color:var(--sprout-muted);font-size:12px;line-height:1rem}.card-demo-break{overflow-wrap:anywhere}.card-demo-prose{max-width:65ch}.card-demo-heading{border-radius:4px;font-size:18px;font-weight:500;line-height:1.75rem}.card-demo-heading:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:2px}.card-demo-stack{gap:16px;min-width:0;display:grid}.card-demo-stack-sm{gap:8px;min-width:0;display:grid}.card-demo-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.card-demo-split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.card-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.card-demo-accounts{flex:10rem;min-width:0;margin:0;padding:0;list-style:none}.card-demo-accounts>li{gap:8px;padding-block:8px;display:grid}.card-demo-accounts>li:first-child{padding-top:0}.card-demo-accounts>li:last-child{padding-bottom:0}.card-demo-accounts>li+li{border-top:1px solid var(--sprout-line)}.card-demo-manage{border-radius:calc(var(--sprout-radius-panel) - 4px);background:var(--sprout-hover);gap:16px;padding:16px;display:grid}.card-demo-manage-row{border-top:1px solid var(--sprout-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.card-demo-skeleton{background:var(--sprout-hover);border-radius:4px;height:16px;display:block}.card-demo-skeleton+.card-demo-skeleton{width:66%}@media (prefers-reduced-motion:no-preference){.card-demo-skeleton{animation:1.6s ease-in-out infinite card-demo-pulse}}@keyframes card-demo-pulse{50%{opacity:.55}}.card-demo-empty{border-top:1px solid var(--sprout-line);gap:12px;padding-top:16px;display:grid}.card-demo-sources{border:1px solid var(--sprout-line);border-radius:calc(var(--sprout-radius-panel) - 4px);background:var(--sprout-surface);margin:0;padding:0;list-style:none}.card-demo-sources>li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px;display:flex}.card-demo-sources>li+li{border-top:1px solid var(--sprout-line)}.card-demo-source-text{flex:12rem;min-width:0}.card-demo-pending{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:8px;display:grid}.card-demo-pending-item{min-width:0;display:grid}.card-demo-push{margin-top:auto}.card-demo-footer-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.card-demo-kind{width:24px;height:24px;color:var(--sprout-warning);background:var(--sprout-warning-subtle);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.card-demo-kind[data-kind=workflow]{color:var(--sprout-muted);background:var(--sprout-secondary)}.card-demo-clamp{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-demo-status{min-height:1.25rem}.card-demo-frame{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);min-width:0;overflow:hidden}.card-demo-frame-bar{border-bottom:1px solid var(--sprout-line);justify-content:space-between;align-items:baseline;gap:8px;padding:10px 16px;display:flex}.card-demo-frame-body{padding:16px}