.workflow-viewer-list{display:grid;gap:42px}.n8n-workflow-viewer{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:26px;box-shadow:0 18px 45px rgba(16,43,33,.08)}.n8n-workflow-viewer__header{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:20px}.n8n-workflow-viewer__header>div{max-width:72ch}.n8n-workflow-viewer__header .eyebrow{margin-bottom:10px}.n8n-workflow-viewer__header h3{font-size:clamp(1.35rem,2.4vw,2rem)}.n8n-workflow-viewer__header p{color:var(--text-dim);margin-bottom:0}.n8n-workflow-viewer__header>a{flex-shrink:0}.n8n-workflow-viewer__frame{position:relative;height:var(--workflow-height);min-height:360px;overflow:hidden;background:#161916;border:1px solid #466052;border-radius:7px}.n8n-workflow-viewer__mount{height:100%;opacity:0}.n8n-workflow-viewer[data-state=ready] .n8n-workflow-viewer__mount{opacity:1}.n8n-workflow-viewer__mount n8n-demo{display:block;width:100%;height:100%;--n8n-overlay-background:rgba(8,28,20,.28);--n8n-overlay-background-color:#c4e7a8;--n8n-interact-button-color:#102b21;--n8n-overlay-border:1px solid #73967d}.n8n-workflow-viewer__status,.n8n-workflow-viewer__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center;color:#e7eee4;background:#161916}.n8n-workflow-viewer__status[hidden],.n8n-workflow-viewer__error[hidden]{display:none}.n8n-workflow-viewer__error span{color:#b9c8bd}.n8n-workflow-viewer__error button{color:#c4e7a8}.n8n-workflow-viewer__spinner{width:28px;height:28px;border:3px solid #52705e;border-top-color:#c4e7a8;border-radius:50%;animation:workflow-spin .8s linear infinite}.n8n-workflow-viewer__actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;color:var(--text-dim);font-size:.83rem}.n8n-workflow-viewer__actions>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.n8n-workflow-viewer__actions button{border:0;background:none;padding:0;cursor:pointer}.n8n-workflow-viewer__actions a,.n8n-workflow-viewer__actions button{font-weight:650;color:var(--accent)}@keyframes workflow-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.n8n-workflow-viewer{padding:16px}.n8n-workflow-viewer__header{display:block}.n8n-workflow-viewer__header>a{display:inline-block;margin-top:12px}.n8n-workflow-viewer__frame{height:430px;min-height:430px}.n8n-workflow-viewer__actions{display:block}.n8n-workflow-viewer__actions>div{justify-content:flex-start;margin-top:12px;gap:14px 18px}.n8n-workflow-viewer__actions>span{display:block}.workflow-viewer-list{gap:28px}}
@media(prefers-reduced-motion:reduce){.n8n-workflow-viewer__spinner{animation:none}}