.workflow-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.workflow-card-motion,.workflow-card-shell{min-width:0;height:100%}.workflow-card-shell{--workflow-surface:var(--surface,#fff);--workflow-surface-2:var(--surface-2,#f2efe8);--workflow-surface-3:var(--surface-3,#f6f4ee);--workflow-border:var(--border,#141e191a);--workflow-border-soft:var(--border-soft,#141e1912);--workflow-text:var(--text,#141a17);--workflow-muted:var(--muted,#5f6b63);--workflow-accent:var(--accent,#1f7a5c);--workflow-shadow:var(--node-shadow,#141e1914);position:relative}.workflow-card-link{height:100%;color:inherit;text-decoration:none;display:block}.workflow-card{border:1px solid var(--workflow-border);background:var(--workflow-surface);height:100%;box-shadow:0 4px 16px var(--workflow-shadow);border-radius:16px;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.workflow-card-link:hover .workflow-card{box-shadow:0 18px 36px var(--workflow-shadow);border-color:#1f7a5c6b;transform:translateY(-4px)}.workflow-card-media{aspect-ratio:4/3;border-bottom:1px solid var(--workflow-border-soft);background:repeating-linear-gradient(135deg, #1f7a5c0f 0 10px, transparent 10px 20px), var(--workflow-surface-2);position:relative;overflow:hidden}.workflow-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.workflow-card-link:hover .workflow-card-img{transform:scale(1.03)}.workflow-card-category,.workflow-card-subtitle,.workflow-card-pin{border:1px solid var(--workflow-border-soft);background:var(--workflow-surface);position:absolute}.workflow-card-category{color:var(--workflow-accent);border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex;top:12px;left:12px}.workflow-card-subtitle{color:var(--workflow-muted);border-radius:6px;padding:4px 8px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;font-weight:500;bottom:12px;left:12px}.workflow-card-pin{width:22px;height:22px;color:var(--workflow-accent);border-radius:7px;justify-content:center;align-items:center;display:flex;top:12px;right:12px}.workflow-card-body{flex-direction:column;flex-grow:1;padding:15px 16px 16px;display:flex}.workflow-card-title{color:var(--workflow-text);letter-spacing:0;margin:0 0 7px;font-size:15.5px;font-weight:700;line-height:1.35}.workflow-card-summary{min-height:40px;color:var(--workflow-muted);margin:0 0 14px;font-size:12.5px;line-height:1.6}.workflow-card-action{color:var(--workflow-accent);align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:600;display:inline-flex}.workflow-card-delete{z-index:10;border:1px solid var(--workflow-border-soft);background:var(--workflow-surface);color:#dc2626;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000000f}.workflow-card-delete:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;transform:scale(1.08)}.workflow-card-delete:disabled{cursor:wait;opacity:.68}[data-theme=dark] .workflow-card-shell{--workflow-surface:var(--surface,#141b17);--workflow-surface-2:var(--surface-2,#1b241e);--workflow-surface-3:var(--surface-3,#121a15);--workflow-border:var(--border,#ffffff1a);--workflow-border-soft:var(--border-soft,#ffffff12);--workflow-text:var(--text,#eef3ef);--workflow-muted:var(--muted,#93a69b);--workflow-accent:var(--accent,#35b98c);--workflow-shadow:var(--node-shadow,#0006)}[data-theme=dark] .workflow-card-delete{color:#ef4444}[data-theme=dark] .workflow-card-delete:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444}@media (width<=1280px){.workflow-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1080px){.workflow-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){.workflow-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (width<=560px){.workflow-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=360px){.workflow-card-grid{grid-template-columns:1fr}}