@layer components{.workflow-section{padding-block:56px}.workflow-section-heading{max-width:760px;margin-bottom:24px}.workflow-section-heading p{color:rgb(var(--c-muted));line-height:1.7;margin-top:12px;font-size:15px}.workflow-picker{display:flex;gap:8px;padding:0;border:0;margin:0 0 16px}.workflow-picker label{position:relative;cursor:pointer;flex:0 1 auto}.workflow-picker input{position:absolute;width:1px;height:1px;opacity:0}.workflow-picker span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:9px;border:1px solid var(--edge);font-size:13px;transition:background .25s var(--ease),border-color .25s var(--ease)}.workflow-picker input:checked+span{background:rgb(var(--c-cyan) / .08);border-color:rgb(var(--c-cyan) / .5)}.workflow-picker input:focus-visible+span{outline:2px solid rgb(var(--c-cyan));outline-offset:3px}.workflow-window{border:1px solid var(--edge-strong);border-radius:14px;overflow:hidden;background:rgb(var(--c-panel));box-shadow:var(--shadow-card)}.workflow-panel{display:none}.workflow-explorer:has(#workflow-rules:checked) [data-workflow-panel=rules],.workflow-explorer:has(#workflow-assisted:checked) [data-workflow-panel=assisted],.workflow-explorer:has(#workflow-voice:checked) [data-workflow-panel=voice]{display:block}.workflow-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--edge)}.workflow-heading h3{font-size:17px;font-weight:550;letter-spacing:-.025em}.workflow-heading p{font-size:13px;color:rgb(var(--c-muted));line-height:1.65;max-width:690px;margin-top:8px;min-height:44px}.workflow-simulation{font-family:var(--font-mono);font-size:10px;color:rgb(var(--c-muted));padding:5px 0;flex:none}.workflow-workspace{display:grid;grid-template-columns:1.7fr 1fr}.workflow-canvas{padding:24px;background-image:radial-gradient(rgb(var(--c-muted) / .13) 1px,transparent 1px);background-size:18px 18px}.workflow-nodes{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;list-style:none;padding:0;margin:0}.workflow-nodes li{position:relative;display:flex;align-items:center;gap:12px;padding:16px;min-height:116px;border:1px solid var(--edge-strong);background:rgb(var(--c-panel));border-radius:10px}.workflow-nodes li:nth-child(odd):after{content:"";position:absolute;height:1px;width:32px;background:rgb(var(--c-cyan) / .6);left:100%;top:50%}.workflow-nodes li:nth-child(2):after{content:"";position:absolute;height:28px;width:1px;background:rgb(var(--c-cyan) / .6);top:100%;left:50%}.workflow-nodes li:nth-child(3){grid-row:2;grid-column:2}.workflow-nodes li:nth-child(3):after{left:auto;right:100%}.workflow-nodes li:nth-child(4){grid-row:2;grid-column:1}.workflow-nodes li:not(:last-child):before{content:"";position:absolute;z-index:1;border-left:5px solid rgb(var(--c-cyan));border-block:3px solid transparent;left:calc(100% + 14px);top:calc(50% - 3px)}.workflow-nodes li:nth-child(2):before{left:calc(50% - 2px);top:calc(100% + 11px);transform:rotate(90deg)}.workflow-nodes li:nth-child(3):before{left:auto;right:calc(100% + 14px);transform:rotate(180deg)}.workflow-node-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;background:rgb(var(--c-cyan) / .08);color:rgb(var(--c-cyan))}.workflow-node-icon svg{width:19px;height:19px}.workflow-nodes li[data-kind=ai] .workflow-node-icon{color:rgb(var(--c-violet));background:rgb(var(--c-violet) / .09)}.workflow-nodes small{font:10px var(--font-mono);color:rgb(var(--c-muted))}.workflow-nodes h4{font-size:13px;font-weight:550;margin-top:3px}.workflow-nodes p{font-size:11px;line-height:1.5;color:rgb(var(--c-muted));margin-top:4px}.workflow-exception{display:flex;gap:10px;align-items:flex-start;margin-top:24px;padding:12px 14px;background:rgb(var(--c-panel));border:1px dashed var(--edge-strong);border-radius:8px}.workflow-exception svg{flex:none;width:16px;height:16px;color:rgb(var(--c-muted));margin-top:2px}.workflow-exception b{font-size:11px;font-weight:550}.workflow-exception p{font-size:12px;color:rgb(var(--c-muted));line-height:1.6;margin-top:4px}.workflow-record{border-left:1px solid var(--edge);padding:24px}.workflow-record h4{font-size:13px;font-weight:550;margin-bottom:18px}.workflow-input-label{font:10px var(--font-mono);color:rgb(var(--c-muted))}.workflow-record blockquote{font-size:13px;line-height:1.65;margin:6px 0 18px}.workflow-record dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--edge);font-size:11px;line-height:1.5}.workflow-record dt{color:rgb(var(--c-muted))}.workflow-record dd{margin:0}.workflow-result{display:flex;gap:10px;padding-top:16px;border-top:1px solid var(--edge);margin-top:6px;font-size:11px;line-height:1.6;color:rgb(var(--c-cyan))}.workflow-result svg{flex:none;width:17px;height:17px}@media(max-width:1000px){.workflow-workspace{grid-template-columns:1fr}.workflow-record{border-left:0;border-top:1px solid var(--edge)}}@media(max-width:600px){.workflow-section{padding-block:40px}.workflow-heading{padding:16px;flex-direction:column-reverse;gap:6px}.workflow-heading h3{font-size:16px}.workflow-picker{gap:6px}.workflow-picker label{flex:1}.workflow-picker span{padding:8px;font-size:11px;text-align:center}.workflow-canvas,.workflow-record{padding:16px}.workflow-nodes{grid-template-columns:1fr;gap:20px}.workflow-nodes li{min-height:90px;padding:12px}.workflow-nodes li:nth-child(n){grid-column:auto;grid-row:auto}.workflow-nodes li:nth-child(n):after{top:100%;left:28px;right:auto;width:1px;height:20px}.workflow-nodes li:last-child:after{display:none}.workflow-nodes li:not(:last-child):before{left:26px;right:auto;top:calc(100% + 7px);transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.workflow-picker span{transition:none}}}