#clarifiance-builder { --cb-bg:light-dark(#f4f5f2,#181b1a);--cb-panel:light-dark(#ffffff,#232725);--cb-text:light-dark(#202b27,#ecf2ed);--cb-muted:light-dark(#66736c,#a7b4ac);--cb-line:light-dark(#dce2db,#3c4640);--cb-accent:light-dark(#245e49,#a4dbbd);--cb-soft:light-dark(#e8f1e9,#31483a);--cb-on:light-dark(#ffffff,#183627);--cb-shadow:light-dark(#243c2514,#00000030);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cb-text);width:100%;isolation:isolate; }
#clarifiance-builder *{box-sizing:border-box}
#clarifiance-builder button,#clarifiance-builder input{font:inherit}
#clarifiance-builder button{color:inherit}
#clarifiance-builder button:focus-visible,#clarifiance-builder input:focus-visible{outline:3px solid var(--cb-accent);outline-offset:3px}
#clarifiance-builder .cb-window{background:var(--cb-bg);border:1px solid var(--cb-line);border-radius:18px;overflow:hidden}
#clarifiance-builder .cb-header{min-height:66px;padding:14px 22px;background:var(--cb-panel);display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--cb-line);flex-wrap:wrap}
#clarifiance-builder .cb-brand{font-weight:600;letter-spacing:-.6px;font-size:19px;display:flex;align-items:center;gap:9px}
#clarifiance-builder .cb-mark{width:22px;height:22px;border:5px solid var(--cb-accent);border-radius:50%;display:inline-block}
#clarifiance-builder .cb-divider{height:21px;width:1px;background:var(--cb-line)}
#clarifiance-builder .cb-project{color:var(--cb-muted);flex:1}
#clarifiance-builder .cb-demo{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--cb-muted)}
#clarifiance-builder .cb-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 216px;min-height:505px}
#clarifiance-builder .cb-canvas{position:relative;min-height:505px;background-image:radial-gradient(var(--cb-line) .8px,transparent .8px);background-size:20px 20px;display:flex;align-items:center;justify-content:center;padding:75px 22px 48px}
#clarifiance-builder .cb-canvas-label{position:absolute;top:22px;left:24px;font-size:11px;letter-spacing:1.5px;color:var(--cb-muted);text-transform:uppercase}
#clarifiance-builder .cb-canvas-label span{display:block;text-transform:none;letter-spacing:0;font-size:13px;margin-top:6px}
#clarifiance-builder .cb-empty{text-align:center;max-width:250px;color:var(--cb-muted);font-size:15px;transition:opacity .3s}
#clarifiance-builder .cb-empty strong{display:block;color:var(--cb-text);font-weight:500;font-size:23px;letter-spacing:-.8px;margin-bottom:10px}
#clarifiance-builder .cb-node{position:relative;width:82px;height:82px;border-radius:50%;background:var(--cb-panel);border:1px solid var(--cb-line);box-shadow:0 12px 44px var(--cb-shadow);display:none;align-items:center;justify-content:center;flex-direction:column;transition:width .8s cubic-bezier(.2,.8,.2,1),height .8s cubic-bezier(.2,.8,.2,1),box-shadow .4s; flex-shrink:0}
#clarifiance-builder .cb-node.expanded{width:310px;height:310px}
#clarifiance-builder .cb-node.active{box-shadow:0 0 0 7px var(--cb-soft),0 12px 44px var(--cb-shadow)}
#clarifiance-builder .cb-agent-icon{width:30px;height:30px;color:var(--cb-accent);display:flex;align-items:center;justify-content:center}
#clarifiance-builder .cb-agent-icon svg{width:24px;height:24px}
#clarifiance-builder .cb-node-name{font-size:13px;font-weight:500;margin:4px 0 10px}
#clarifiance-builder .cb-node:not(.expanded) .cb-node-name{position:absolute;top:90px;white-space:nowrap}
#clarifiance-builder .cb-fields{display:none;width:220px}
#clarifiance-builder .cb-fields label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--cb-muted);display:block;margin:3px 0}
#clarifiance-builder .cb-fields input{width:100%;height:31px;padding:4px 0;border:0;border-bottom:1px solid var(--cb-line);border-radius:0;background:transparent;color:var(--cb-text);outline-offset:0}
#clarifiance-builder .cb-fields input::placeholder{color:var(--cb-muted)}
#clarifiance-builder .cb-fields input.typing{border-bottom-color:var(--cb-accent)}
#clarifiance-builder .cb-skill-section{position:relative;margin-top:9px;display:none}
#clarifiance-builder .cb-suggestions{position:absolute;left:0;top:57px;right:0;padding:5px;background:var(--cb-panel);border:1px solid var(--cb-line);border-radius:10px;box-shadow:0 12px 28px var(--cb-shadow);z-index:5;display:none}
#clarifiance-builder .cb-suggestions button{display:block;width:100%;text-align:left;padding:8px;border:0;border-radius:6px;background:transparent;font-size:12px}
#clarifiance-builder .cb-suggestions button:first-child{background:var(--cb-soft)}
#clarifiance-builder .cb-skill-chip{display:none;align-items:center;gap:7px;margin-top:9px;padding:7px 10px;border-radius:8px;background:var(--cb-soft);font-size:12px}
#clarifiance-builder .cb-skill-chip svg{width:14px;height:14px;flex-shrink:0}
#clarifiance-builder .cb-tool-entry{display:none;margin:7px 0 0 10px;padding-left:12px;border-left:1px solid var(--cb-line)}
#clarifiance-builder .cb-tool-entry input{font-size:12px;height:27px}
#clarifiance-builder .cb-connected{color:var(--cb-accent);font-size:11px;display:none;margin-top:2px}
#clarifiance-builder .cb-data-chip{display:none;font-size:12px;align-items:center;gap:7px;margin-top:9px}
#clarifiance-builder .cb-data-chip svg{width:14px;height:14px}
#clarifiance-builder .cb-rail{position:relative;background:var(--cb-panel);border-left:1px solid var(--cb-line);padding:23px 16px;z-index:2}
#clarifiance-builder .cb-rail-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--cb-muted);margin:0 0 16px 8px}
#clarifiance-builder .cb-item{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:1px solid transparent;border-radius:11px;padding:13px 11px;text-align:left;margin:4px 0;transition:background .25s,border-color .25s;min-height:54px}
#clarifiance-builder .cb-item svg{width:18px;height:18px;color:var(--cb-muted)}
#clarifiance-builder .cb-item .cb-plus{margin-left:auto;color:var(--cb-muted);font-size:18px}
#clarifiance-builder .cb-item.is-active{background:var(--cb-soft);border-color:var(--cb-line)}
#clarifiance-builder .cb-item:hover{background:var(--cb-bg)}
#clarifiance-builder .cb-rail-foot{margin:28px 8px 0;padding-top:17px;border-top:1px solid var(--cb-line);font-size:12px;color:var(--cb-muted)}
#clarifiance-builder .cb-modal{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(370px,calc(100% - 30px));padding:23px;background:var(--cb-panel);border:1px solid var(--cb-line);border-radius:16px;box-shadow:0 25px 75px var(--cb-shadow);z-index:8}
#clarifiance-builder .cb-modal h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:12px 0 8px;color:var(--cb-text)}
#clarifiance-builder .cb-modal p{font-size:13px;color:var(--cb-muted);margin:0 0 17px}
#clarifiance-builder .cb-app-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--cb-soft);color:var(--cb-accent);font-size:20px;font-weight:500}
#clarifiance-builder .cb-action{min-height:40px;padding:9px 14px;border:1px solid var(--cb-line);border-radius:8px;background:var(--cb-panel);text-align:center}
#clarifiance-builder .cb-primary{background:var(--cb-accent);color:var(--cb-on);border-color:transparent}
#clarifiance-builder .cb-full{width:100%;margin-top:5px}
#clarifiance-builder .cb-modal small{display:block;font-size:11px;color:var(--cb-muted);margin-top:12px;text-align:center}
#clarifiance-builder .cb-auth-account{padding:12px;background:var(--cb-bg);border-radius:8px;margin:15px 0;font-size:13px}
#clarifiance-builder .cb-folder-location{font-size:12px;color:var(--cb-muted);margin:10px 0;padding:8px;background:var(--cb-bg);border-radius:6px}
#clarifiance-builder .cb-folder-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;border:1px solid transparent;font-size:13px}
#clarifiance-builder .cb-folder-row svg{width:18px;height:18px;color:var(--cb-muted)}
#clarifiance-builder .cb-folder-row.selected{background:var(--cb-soft);border-color:var(--cb-line)}
#clarifiance-builder .cb-cursor{position:absolute;left:0;top:0;z-index:30;pointer-events:none;opacity:0;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .2s;color:var(--cb-text)}
#clarifiance-builder .cb-cursor svg{width:25px;height:25px;fill:var(--cb-panel);stroke:var(--cb-text);filter:drop-shadow(0 2px 3px var(--cb-shadow))}
#clarifiance-builder .cb-cursor-label{position:absolute;top:27px;left:17px;padding:3px 7px;background:var(--cb-accent);color:var(--cb-on);border-radius:4px;font-size:10px;white-space:nowrap}
#clarifiance-builder .cb-click{position:absolute;left:-8px;top:-8px;width:30px;height:30px;border:2px solid var(--cb-accent);border-radius:50%;opacity:0}
#clarifiance-builder .cb-click.pulse{animation:cbClick .5s ease-out}
@keyframes cbClick{0%{opacity:.8;transform:scale(.35)}100%{opacity:0;transform:scale(1.5)}}
#clarifiance-builder .cb-drag-label{position:absolute;top:24px;left:25px;background:var(--cb-panel);color:var(--cb-text);border:1px solid var(--cb-line);padding:7px 12px;box-shadow:0 5px 15px var(--cb-shadow);border-radius:7px;white-space:nowrap;font-size:12px;display:none}
#clarifiance-builder .cb-bottom{padding:17px 21px;background:var(--cb-panel);border-top:1px solid var(--cb-line);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#clarifiance-builder .cb-caption{flex:1;min-width:170px}
#clarifiance-builder .cb-step{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--cb-muted);margin-bottom:4px}
#clarifiance-builder .cb-caption-text{font-size:13px;min-height:20px}
#clarifiance-builder .cb-controls{display:flex;gap:7px;align-items:center}
#clarifiance-builder .cb-controls .cb-action{font-size:12px;min-width:42px}
#clarifiance-builder .cb-progress{height:3px;background:var(--cb-line)}
#clarifiance-builder .cb-progress-fill{height:100%;background:var(--cb-accent);width:0;transition:width .5s}
#clarifiance-builder .cb-end{display:none;position:absolute;bottom:21px;left:0;right:0;text-align:center;font-size:12px;color:var(--cb-accent)}
#clarifiance-builder .cb-graph{display:none;position:absolute;inset:78px 14px 45px}
#clarifiance-builder .cb-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#clarifiance-builder .cb-wire{fill:none;stroke:var(--cb-accent);stroke-width:1.7;opacity:0;transition:opacity .3s}
#clarifiance-builder .cb-wire.visible{opacity:.8}
#clarifiance-builder .cb-gnode{position:absolute;transform:translate(-50%,-50%) scale(.65);width:132px;height:132px;border:1px solid var(--cb-line);border-radius:50%;background:var(--cb-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .3s,box-shadow .3s;text-align:center;padding:13px}
#clarifiance-builder .cb-gnode.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
#clarifiance-builder .cb-gnode.focused{box-shadow:0 0 0 6px var(--cb-soft)}
#clarifiance-builder .cb-gnode svg{width:18px;height:18px;color:var(--cb-accent)}
#clarifiance-builder .cb-gname{font-size:12px;font-weight:500;line-height:1.2}
#clarifiance-builder .cb-gdetail{font-size:10px;color:var(--cb-muted);line-height:1.3;display:none}
#clarifiance-builder .cb-gdetail b{font-weight:400;color:var(--cb-text)}
#clarifiance-builder .cb-port{position:absolute;top:50%;width:9px;height:9px;background:var(--cb-accent);border:2px solid var(--cb-panel);border-radius:50%;transform:translateY(-50%)}
#clarifiance-builder .cb-port.in{left:-5px}#clarifiance-builder .cb-port.out{right:-5px}
#clarifiance-builder #cb-g0{left:15%;top:50%}#clarifiance-builder #cb-g1{left:50%;top:24%}#clarifiance-builder #cb-g2{left:50%;top:77%}#clarifiance-builder #cb-g3{left:85%;top:50%}
#clarifiance-builder .cb-lane-label{position:absolute;left:50%;top:-20px;transform:translateX(-50%);color:var(--cb-muted);font-size:10px;text-transform:uppercase;letter-spacing:1.3px;white-space:nowrap}
@media(max-width:850px){#clarifiance-builder .cb-gnode{width:105px;height:105px;padding:9px;gap:3px}#clarifiance-builder .cb-gdetail{font-size:10px}#clarifiance-builder .cb-graph{inset:84px 11px 45px}}
@media(max-width:660px){#clarifiance-builder .cb-gnode{width:88px;height:88px;padding:8px}#clarifiance-builder .cb-gname{font-size:11px}#clarifiance-builder .cb-gdetail{position:absolute;top:95px;min-width:100px}#clarifiance-builder .cb-graph{inset:95px 9px 80px}}
@media(max-width:660px){#clarifiance-builder .cb-stage{grid-template-columns:minmax(0,1fr) 136px}#clarifiance-builder .cb-rail{padding:20px 8px}#clarifiance-builder .cb-item{padding:12px 8px;gap:8px}#clarifiance-builder .cb-item .cb-plus{display:none}#clarifiance-builder .cb-node.expanded{width:270px;height:270px}#clarifiance-builder .cb-fields{width:198px}#clarifiance-builder .cb-canvas{padding:75px 8px 50px}#clarifiance-builder .cb-header{padding:13px 15px}#clarifiance-builder .cb-demo{font-size:10px}}
@media(max-width:470px){#clarifiance-builder .cb-stage{display:flex;flex-direction:column-reverse}#clarifiance-builder .cb-rail{border-left:0;border-bottom:1px solid var(--cb-line);padding:9px;display:flex;gap:3px}#clarifiance-builder .cb-rail-title,#clarifiance-builder .cb-rail-foot{display:none}#clarifiance-builder .cb-item{width:25%;flex-direction:column;gap:4px;margin:0;padding:8px 2px;font-size:12px;min-height:60px}#clarifiance-builder .cb-canvas{min-height:430px}#clarifiance-builder .cb-node.expanded{width:282px;height:282px}#clarifiance-builder .cb-bottom{padding:13px;gap:12px}#clarifiance-builder .cb-caption{width:100%;flex:auto}#clarifiance-builder .cb-controls{width:100%}#clarifiance-builder .cb-controls .cb-primary{flex:1}#clarifiance-builder .cb-project,#clarifiance-builder .cb-divider{display:none}#clarifiance-builder .cb-header{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){#clarifiance-builder *,#clarifiance-builder *::before{transition:none!important;animation:none!important}}
#clarifiance-builder .cb-gnode{transition:left 1.25s cubic-bezier(.22,.8,.22,1),top 1.25s cubic-bezier(.22,.8,.22,1),transform .55s,opacity .3s,background .6s,box-shadow .6s,border-color .6s}
#clarifiance-builder .cb-gnode.charged{background:var(--cb-soft);border-color:var(--cb-accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--cb-accent) 12%,transparent),0 0 40px color-mix(in srgb,var(--cb-accent) 24%,transparent)}
#clarifiance-builder .cb-gnode.approved{background:var(--cb-soft);border-color:var(--cb-accent)}
#clarifiance-builder .cb-gstatus{display:none;position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:var(--cb-accent);background:var(--cb-panel);padding:2px 6px;border-radius:5px}
#clarifiance-builder .cb-approve{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);display:none;white-space:nowrap;font-size:11px;border:1px solid var(--cb-accent);color:var(--cb-on);background:var(--cb-accent);border-radius:7px;padding:6px 9px;z-index:4}
#clarifiance-builder .cb-wire{stroke:var(--cb-line);opacity:0}
#clarifiance-builder .cb-wire.visible{opacity:1}
#clarifiance-builder .cb-wire.completed{stroke:var(--cb-accent)}
#clarifiance-builder .cb-energy{stroke:var(--cb-accent);stroke-width:3;fill:none;filter:drop-shadow(0 0 5px var(--cb-accent));opacity:0}
#clarifiance-builder .cb-energy-dot{fill:var(--cb-accent);filter:drop-shadow(0 0 7px var(--cb-accent));opacity:0}
#clarifiance-builder .cb-variant{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}
#clarifiance-builder .cb-variant select{font:inherit;font-size:12px;background:var(--cb-bg);color:var(--cb-text);border:1px solid var(--cb-line);border-radius:7px;padding:7px;max-width:165px;min-height:34px}
#clarifiance-builder .cb-variant button{font-size:12px;min-height:34px;padding:6px 10px}
#clarifiance-builder .cb-output{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%) scale(.88);opacity:0;pointer-events:none;z-index:10;width:min(310px,80%);transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);background:var(--cb-panel);border:1px solid var(--cb-line);border-radius:13px;box-shadow:0 25px 90px var(--cb-shadow);padding:10px}
#clarifiance-builder .cb-output.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
#clarifiance-builder .cb-art{height:270px;background:var(--cb-soft);border-radius:6px;position:relative;overflow:hidden}
#clarifiance-builder .cb-art-ellipse{position:absolute;border:1px solid var(--cb-accent);width:190px;height:190px;border-radius:50%;left:calc(50% - 95px);top:35px;transform:rotate(calc(var(--i)*30deg)) scaleX(.43)}
#clarifiance-builder .cb-art-core{position:absolute;width:94px;height:94px;left:calc(50% - 47px);top:83px;border-radius:50%;background:radial-gradient(circle at 28% 24%,var(--cb-panel),var(--cb-accent));box-shadow:0 8px 25px var(--cb-shadow)}
#clarifiance-builder .cb-art-title{position:absolute;left:18px;bottom:28px;font-size:28px;letter-spacing:-1.6px;font-weight:500;color:var(--cb-text)}
#clarifiance-builder .cb-art-meta{position:absolute;bottom:14px;left:20px;font-size:9px;letter-spacing:2px;color:var(--cb-muted)}
#clarifiance-builder .cb-output-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:11px 3px 3px;color:var(--cb-muted)}
#clarifiance-builder .cb-output-caption strong{color:var(--cb-text);font-weight:500}
#clarifiance-builder .cb-graph.dimmed{opacity:.22;filter:blur(1px);transition:opacity .7s,filter .7s}
#clarifiance-builder .cb-art[data-art="1"] .cb-art-ellipse{border-radius:20%;transform:rotate(calc(var(--i)*15deg)) scale(.7)}
#clarifiance-builder .cb-art[data-art="2"] .cb-art-ellipse{transform:translateY(calc(var(--i)*-5px)) rotate(-25deg) scaleY(.4)}
#clarifiance-builder .cb-art[data-art="2"] .cb-art-core{top:65px}
#clarifiance-builder .cb-graph[data-many="true"] .cb-gnode{width:108px;height:108px}
@media(max-width:850px){#clarifiance-builder .cb-graph[data-many="true"] .cb-gnode{width:88px;height:88px}#clarifiance-builder .cb-graph[data-many="true"] .cb-gdetail{display:none!important}}
@media(max-width:660px){#clarifiance-builder .cb-graph[data-many="true"] .cb-gnode{width:72px;height:72px}#clarifiance-builder .cb-gstatus{font-size:9px}#clarifiance-builder .cb-approve{font-size:10px;padding:5px}#clarifiance-builder .cb-stage{min-height:540px}#clarifiance-builder .cb-canvas{min-height:540px}#clarifiance-builder .cb-variant{margin-left:0}#clarifiance-builder .cb-demo{display:none}}
@media(max-width:660px){#clarifiance-builder .cb-graph[data-six="true"] .cb-gnode{width:62px;height:62px;padding:4px}#clarifiance-builder .cb-graph[data-six="true"] .cb-gname{font-size:10px}#clarifiance-builder .cb-graph[data-six="true"] .cb-agent-icon{display:none}}

#clarifiance-builder .cb-item:disabled{opacity:1}#clarifiance-builder .cb-cursor>.demo-symbol{font-size:24px;transform:rotate(-32deg);color:var(--cb-text)}

#clarifiance-builder .cb-report{height:300px;border-radius:6px;background:var(--cb-soft);padding:20px;color:var(--cb-text);text-align:left}#clarifiance-builder .cb-report-kicker{display:block;font-size:8px;letter-spacing:1px;color:var(--cb-muted);line-height:1.5}#clarifiance-builder .cb-report h3{font-size:24px;line-height:1.1;letter-spacing:-.6px;margin:13px 0 16px}#clarifiance-builder .cb-report-metric{display:flex;gap:13px;align-items:center;margin-bottom:18px}#clarifiance-builder .cb-report-metric strong{font-size:26px;font-weight:500;color:var(--cb-accent);white-space:nowrap}#clarifiance-builder .cb-report-metric span{font-size:8px;line-height:1.5;color:var(--cb-muted)}#clarifiance-builder .cb-report-bars>div{display:flex;align-items:center;gap:7px;height:23px;font-size:9px}#clarifiance-builder .cb-report-bars span{width:36px}#clarifiance-builder .cb-report-bars i{height:6px;border-radius:3px;width:calc(var(--bar)*.6);background:var(--cb-accent)}#clarifiance-builder .cb-report-bars b{font-weight:400}#clarifiance-builder .cb-report-table>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--cb-line);padding:7px 0;font-size:9px}#clarifiance-builder .cb-report-table b{font-weight:500}#clarifiance-builder .cb-report p{font-size:9px;line-height:1.6;color:var(--cb-muted);margin-top:14px}@media(max-width:470px){#clarifiance-builder .cb-report{padding:13px;height:290px}#clarifiance-builder .cb-report h3{font-size:22px}#clarifiance-builder .cb-report-metric{gap:7px}#clarifiance-builder .cb-report-metric strong{font-size:23px}#clarifiance-builder .cb-output-caption{flex-wrap:wrap;gap:5px}#clarifiance-builder .cb-gdetail{font-size:8px;line-height:1.2}}