.studio-workflow-card{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;min-height:268px;padding:16px;border-radius:16px;background:linear-gradient(180deg,var(--studio-surface-top),var(--studio-surface-bottom));border:1px solid var(--border-subtle);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 30px -20px rgba(0,0,0,.3);transition:border-color .2s,transform .25s cubic-bezier(.2,.8,.2,1)}.studio-workflow-card:hover{transform:translateY(-2px);border-color:var(--border-default)}.studio-workflow-card.is-selected{border-color:var(--brand-500);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-500) 20%,transparent)}.studio-workflow-overlay{position:absolute;inset:0;z-index:1;border-radius:inherit}.studio-workflow-overlay:focus-visible{outline:2px solid var(--brand-500);outline-offset:3px}.studio-card-control{position:relative;z-index:2}.studio-card-top{display:flex;align-items:center;gap:8px}.studio-card-spacer{flex:1}.studio-card-provider{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);overflow:hidden}.studio-card-provider img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.studio-card-status{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px 0 8px;border-radius:999px;font-size:10.5px;font-weight:600;text-decoration:none;white-space:nowrap}.studio-card-status i{width:6px;height:6px;border-radius:50%;background:currentColor;position:relative}.studio-card-status.is-live i:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:studio-card-ping 2.4s ease-out infinite}.studio-card-selection{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--border-default);border-radius:7px;background:var(--bg-card-hover);color:#fff;flex:none}.studio-card-selection[aria-checked=true]{border-color:var(--brand-500);background:var(--brand-500)}.studio-card-title{min-width:0}.studio-card-title h3{font-size:14.5px;font-weight:620;line-height:1.3;letter-spacing:-.01em;color:var(--text-strong)}.studio-card-title h3,.studio-card-title p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-card-title p{margin-top:3px;font-size:11.5px;line-height:1.4;color:var(--text-muted)}.studio-card-trend{display:block;height:38px;border-radius:5px}.studio-card-trend>svg{display:block;width:100%;height:38px;overflow:visible}.studio-trend-unavailable{display:grid;place-items:center;height:38px;font-size:10px;color:var(--text-subtle);background:var(--bg-card-hover);border-radius:5px}.studio-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:10px;overflow:hidden;background:var(--border-subtle);border:1px solid var(--border-subtle)}.studio-card-metrics>div{padding:7px 9px;background:var(--bg-card)}[data-theme=dark] .studio-card-metrics>div{background:#0d0f13}[data-theme=dark] .studio-workflow-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 30px -20px rgba(0,0,0,.8)}.studio-card-metrics span{display:block;font-size:10px;color:var(--text-subtle)}.studio-card-metrics strong{display:block;margin-top:2px;font:600 11.5px var(--font-mono),monospace;color:var(--text-default);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-card-tags{display:flex;flex-wrap:wrap;gap:5px}.studio-card-tags>a,.studio-card-tags>span{display:inline-flex;align-items:center;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;padding:0 7px;border-radius:6px;background:var(--bg-card-hover);color:var(--text-muted);font-size:10.5px;font-weight:500;text-decoration:none}.studio-card-tags>a:hover{color:var(--accent-text);background:var(--accent-soft)}.studio-card-footer{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:4px}.studio-card-updated{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;color:var(--text-subtle)}.studio-card-updated.is-shared{display:flex;align-items:center;gap:5px;color:var(--info)}.studio-card-switch{position:relative;width:34px;height:20px;flex:none;padding:0;border:none;border-radius:999px;background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--border-default);transition:background .2s}.studio-card-switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.5);transition:left .22s}.studio-card-switch.is-on{background:var(--brand-500);box-shadow:none}.studio-card-switch.is-on i{left:16px}.studio-card-switch:disabled{opacity:.5}.studio-card-open{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card-hover);color:var(--text-default);font-size:11.5px;font-weight:600;text-decoration:none}.studio-card-open:hover{background:var(--bg-elevated);color:var(--text-strong)}@keyframes studio-card-ping{0%{transform:scale(1);opacity:.6}75%,to{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion:reduce){.studio-card-switch,.studio-card-switch i,.studio-workflow-card{transition:none}.studio-workflow-card:hover{transform:none}.studio-card-status.is-live i:after{animation:none}}