.atelier .at-wfg{gap:16px;display:grid}.atelier .at-wfg-bar{justify-content:space-between;align-items:center;gap:16px;padding:10px 10px 10px 18px;display:flex}.atelier .at-wfg-bar .at-who{align-items:center;gap:12px;min-width:0;font-size:14px;font-weight:500;display:flex}.atelier .at-wfg-main{width:100%;max-width:480px;margin:8px auto 0}.atelier .at-wfg .at-node{background:var(--s2)}.atelier .at-wfg .at-node .at-ic{font-size:11px}.atelier .at-wfg .at-node.at-cond .at-ic{background:var(--bg);color:var(--ink2)}.atelier .at-wfg .at-node[data-s=skip]{opacity:.45}.atelier .at-wfg .at-node[data-s=skip] .at-st .at-dot{background:var(--dim)}.atelier .at-fork{width:50%;height:60px;margin:-16px auto 0;position:relative}.atelier .at-fork:before{content:"";border-left:1px dashed var(--line3);height:38px;position:absolute;top:0;left:50%}.atelier .at-fork span{border-top:1px dashed var(--line3);height:22px;position:absolute;top:38px;left:0;right:0}.atelier .at-fork span:before,.atelier .at-fork span:after{content:"";border-left:1px dashed var(--line3);height:22px;position:absolute;top:0}.atelier .at-fork span:before{left:0}.atelier .at-fork span:after{right:0}.atelier .at-wfg-br{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.atelier .at-br{flex-direction:column;align-items:center;display:flex}.atelier .at-br-l{border:1px solid var(--line2);background:var(--s1);height:26px;font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:0 12px;transition:opacity .4s,border-color .4s,color .4s;display:inline-flex;position:relative}.atelier .at-br-l:after{content:"";border-left:1px dashed var(--line3);height:16px;position:absolute;top:100%;left:50%}.atelier .at-br-l[data-s=on]{border-color:var(--ink);color:var(--ink)}.atelier .at-br-l[data-s=off]{opacity:.45}.atelier .at-br .at-wf{width:100%;max-width:440px}.atelier .at-mlist .at-r .at-rk{font:500 11px var(--f-mono);color:var(--dim);flex:none;width:16px}.atelier .at-slot{border:1px dashed var(--line3);height:30px;font:500 12px var(--f-mono);color:var(--dim);border-radius:8px;align-items:center;padding:0 10px;display:inline-flex}.atelier .at-slot[data-on]{border-style:solid;border-color:var(--line3);color:var(--ink);background:var(--bg)}.atelier .at-pal{border-top:1px solid var(--line)}.atelier .at-pal .at-tok{z-index:1;transition:transform .7s cubic-bezier(.65,0,.3,1),opacity .25s var(--ease);position:relative}.atelier .at-vis .at-bubble{max-width:none;transition:opacity .3s var(--ease),transform .3s var(--ease);margin:14px 16px 16px}.atelier .at-vis .at-bubble[data-state=out]{opacity:0;transform:translateY(6px)}.atelier .at-vis .at-bubble b{color:var(--ink);font-weight:500}@media (width<=900px){.atelier .at-wfg-main{margin-top:0}}@media (width<=600px){.atelier .at-wfg-bar{flex-wrap:wrap;padding:12px}.atelier .at-fork{display:none}.atelier .at-wfg-br{grid-template-columns:minmax(0,1fr);gap:24px}.atelier .at-br{align-items:stretch}.atelier .at-br-l{align-self:flex-start;margin-bottom:12px}.atelier .at-br-l:after{display:none}}