.op-flow{flex-direction:column;gap:0;display:flex}.op-flow-empty{text-align:center;color:var(--opmc-fg-mute);background:var(--opmc-bg-row);border:1px dashed var(--opmc-border);border-radius:var(--opmc-radius-md);padding:36px 12px;font-size:13px}.op-flow-step{grid-template-columns:28px 1fr;gap:12px;display:grid}.op-flow-rail{flex-direction:column;align-items:center;padding-top:4px;display:flex}.op-flow-num{background:var(--opmc-accent-soft);width:26px;height:26px;color:var(--opmc-accent-strong);border:1px solid var(--opmc-border-strong);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.op-flow-line{background:linear-gradient(to bottom,var(--opmc-border)0%,var(--opmc-border)60%,transparent 100%);flex:1;width:2px;min-height:18px;margin:6px 0}.op-flow-card{background:var(--opmc-bg-row);border:1px solid var(--opmc-border);border-radius:var(--opmc-radius-md);min-width:0;margin-bottom:14px;padding:14px 16px}.op-flow-title{color:var(--opmc-fg);word-break:break-word;margin:0;font-size:15px;font-weight:700;line-height:1.3}.op-flow-desc{color:var(--opmc-fg-mute);white-space:pre-wrap;word-break:break-word;margin:6px 0 0;font-size:13px;line-height:1.55}.op-flow-objectives{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.op-flow-obj{align-items:center;gap:3px;display:flex}.op-flow-obj-icon{width:24px;height:24px;color:var(--opmc-accent);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.op-flow-obj-label{color:var(--opmc-fg);word-break:break-word;min-width:0;font-size:13px;font-weight:500;line-height:1.4}@media (max-width:480px){.op-flow-step{grid-template-columns:22px 1fr;gap:8px}.op-flow-num{width:22px;height:22px;font-size:11px}.op-flow-card{padding:12px 13px}.op-flow-title{font-size:14px}}
.op-skel-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.op-skel-card{background:var(--opmc-bg-section);border:1px solid var(--opmc-border-soft);border-radius:var(--opmc-radius-lg);overflow:hidden}.op-skel-thumb{aspect-ratio:16/9;background:var(--opmc-bg-row);animation:1.2s ease-in-out infinite opPulse}.op-skel-body{flex-direction:column;gap:10px;padding:16px;display:flex}.op-skel-line{background:var(--opmc-bg-row);border-radius:6px;height:12px;animation:1.2s ease-in-out infinite opPulse}.op-skel-line.w70{width:70%}.op-skel-line.w90{width:90%}.op-skel-line.w100{width:100%}.op-skel-chips{gap:8px;margin-top:4px;display:flex}.op-skel-chips span{background:var(--opmc-bg-row);border-radius:999px;width:52px;height:18px;animation:1.2s ease-in-out infinite opPulse}.op-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:70px 24px;display:flex}.op-state .op-state-icon{background:var(--opmc-bg-elevated);border:1px solid var(--opmc-border-soft);width:66px;height:66px;color:var(--opmc-fg-mute);border-radius:50%;place-items:center;display:grid}.op-state h3{font-size:19px;font-weight:700}.op-state p{max-width:420px;color:var(--opmc-fg-mute);font-size:14px;line-height:1.55}.op-state.error .op-state-icon{color:var(--opmc-danger)}