.wf-page{--wf-bg:var(--navy,#0e1e33);--wf-panel:#14263c;--wf-border:#35485d;--wf-text:#eef3f8;--wf-muted:#b1bfce;--wf-teal:#66dfbb;--wf-gold:var(--gold,#c4a265);background:var(--wf-bg);color:var(--wf-text);padding:20px;border-radius:var(--radius,5px);font-size:13px;line-height:1.5}
.wf-page *{box-sizing:border-box}.wf-page h1,.wf-page h2,.wf-page h3,.wf-page p{margin:0}.wf-page h1{font-family:'Public Sans',Arial,sans-serif;font-size:clamp(20px,1.8vw,27px);line-height:1.25;letter-spacing:-.025em;color:var(--wf-text)}.wf-page h2{font:600 14px/1.4 'Public Sans',Arial,sans-serif;color:var(--wf-text)}.wf-page h3{font:600 14px/1.4 'Public Sans',Arial,sans-serif;color:var(--wf-text)}.wf-page button,.wf-page select,.wf-page summary{min-height:36px}.wf-page button{border:1px solid var(--wf-border);border-radius:4px;background:transparent;color:var(--wf-text);padding:7px 10px;line-height:1.35}.wf-page button:hover{background:#213a50;border-color:var(--wf-muted)}.wf-page button:disabled{opacity:.45;cursor:default}.wf-page :is(button,select,summary,textarea,[tabindex]):focus-visible{outline:2px solid var(--wf-gold);outline-offset:3px}.wf-page .wf-note{font-size:11px;color:var(--wf-muted);line-height:1.5}.wf-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:10px}.wf-eyebrow{font:11px 'Spline Sans Mono',monospace;letter-spacing:.12em;color:var(--wf-gold);margin-bottom:8px}.wf-header p{color:var(--wf-muted);margin-top:6px}.wf-mode{display:grid;gap:3px;white-space:nowrap;text-align:right}.wf-mode strong{color:var(--wf-teal);font-size:11px;letter-spacing:.1em}.wf-mode span{font-size:11px;color:var(--wf-muted)}.wf-page .wf-disclaimer{padding:9px 12px;border-left:2px solid var(--wf-gold);background:#1c2e43;color:var(--wf-muted);font-size:11px;margin:0 0 16px}.wf-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 285px;gap:12px;align-items:start}.wf-panel{background:var(--wf-panel);border:1px solid var(--wf-border);border-radius:5px;overflow:hidden;min-width:0}.wf-panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--wf-border)}.wf-panel-title>span{font-size:10px;color:var(--wf-muted);max-width:55%;text-align:right}.wf-agent-list{padding:6px}.wf-page .wf-agent-option{display:flex;gap:8px;align-items:center;width:100%;text-align:left;border:1px solid transparent;padding:8px 6px;min-height:43px;font-size:11px}.wf-id{font:11px 'Spline Sans Mono',monospace;color:var(--wf-muted)}.wf-selection{margin-left:auto;visibility:hidden}.wf-page .wf-agent-option[aria-pressed=true]{border-color:var(--wf-gold);background:#24384a}.wf-agent-option[aria-pressed=true] .wf-selection{visibility:visible}.wf-agent-option[aria-pressed=true] .wf-id{color:var(--wf-gold)}.wf-navigator>.wf-note{padding:12px;border-top:1px solid var(--wf-border)}.wf-center{display:grid;gap:12px;min-width:0}.wf-canvas-scroll{overflow:auto;overscroll-behavior:contain;background:#102137}.wf-canvas{display:block;width:100%;min-width:530px;max-height:460px}.wf-line{fill:none;stroke:#617185;stroke-width:1;opacity:.5}.wf-connections marker path,#wf-arrow path{fill:#9cabbd}.wf-methodology .wf-line{stroke-dasharray:3 5;opacity:.25}.wf-connection.is-selected .wf-line{stroke:var(--wf-gold);opacity:.9}.wf-connection.is-active .wf-line{stroke:var(--wf-teal);opacity:1;stroke-width:2}.wf-particle{fill:none;stroke:var(--wf-teal);stroke-width:4;stroke-linecap:round;stroke-dasharray:1 24;visibility:hidden}.wf-connection.is-active .wf-particle{visibility:visible;animation:wf-travel var(--wf-particle-duration,1.6s) linear infinite}.wf-page:not([data-status=playing]) .wf-particle{animation-play-state:paused}.wf-node rect{fill:#172b42;stroke:#4c6178;stroke-width:1}.wf-node text{font:12px 'Public Sans',Arial,sans-serif;fill:var(--wf-muted);pointer-events:none}.wf-node .wf-node-title{font-size:13px;font-weight:600;fill:var(--wf-text)}.wf-node[data-node=methodology] rect{fill:#24364b;stroke:var(--wf-gold)}.wf-node[data-node=methodology] .wf-node-title{font:600 16px 'Spline Sans Mono',monospace}.wf-agent-node{cursor:pointer}.wf-agent-node:hover rect{stroke:var(--wf-muted);stroke-width:2}.wf-node.is-participating rect{stroke:#70a396}.wf-node.is-selected rect{stroke:var(--wf-gold);stroke-width:2.5}.wf-node.is-active rect{fill:#193e42;stroke:var(--wf-teal);stroke-width:2.5}.wf-active-dot{fill:var(--wf-teal);visibility:hidden}.wf-node.is-active .wf-active-dot{visibility:visible}.wf-legend{display:flex;justify-content:center;gap:14px;padding:8px;font-size:10px;color:var(--wf-muted);flex-wrap:wrap}.wf-legend span{display:flex;align-items:center;gap:5px}.wf-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}.wf-key-selected{background:var(--wf-gold)}.wf-key-active{background:var(--wf-teal)}.wf-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-top:1px solid var(--wf-border)}.wf-controls button,.wf-controls label{font-size:11px}.wf-controls select{background:#102137;color:var(--wf-text);border:1px solid var(--wf-border);border-radius:4px;padding:5px}.wf-controls label{display:flex;gap:5px;align-items:center}.wf-controls button[data-wf=play],.wf-controls button[data-wf=resume]{border-color:#438b79}.wf-progress{padding:12px}.wf-progress-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px}.wf-progress-heading>span{font-family:'Spline Sans Mono',monospace;color:var(--wf-teal)}.wf-progress progress{width:100%;height:5px;display:block;margin:10px 0;appearance:none;border:0;background:#304257}.wf-progress progress::-webkit-progress-bar{background:#304257}.wf-progress progress::-webkit-progress-value{background:var(--wf-teal)}.wf-progress progress::-moz-progress-bar{background:var(--wf-teal)}.wf-steps{display:flex;list-style:none;padding:0;margin:12px 0;justify-content:space-between;gap:4px}.wf-steps li{display:flex;gap:4px;font-size:9px;align-items:center;color:var(--wf-muted)}.wf-steps li>span{border:1px solid var(--wf-border);border-radius:50%;width:19px;height:19px;display:grid;place-items:center;flex:none}.wf-steps .is-active{color:var(--wf-teal)}.wf-steps .is-active>span{border-color:var(--wf-teal)}.wf-steps .is-done>span{background:#294c49}.wf-progress [data-step-detail]{font-size:11px;color:var(--wf-muted)}.wf-progress [data-step-detail] strong{color:var(--wf-text)}.wf-intermediates{padding-left:18px;margin:10px 0}.wf-intermediates li{margin:6px 0}.wf-intermediates em{display:block;font-size:10px;color:var(--wf-teal)}.wf-result{border-top:1px solid var(--wf-border);margin-top:12px;padding-top:12px}.wf-result>span{font:10px 'Spline Sans Mono',monospace;color:var(--wf-gold)}.wf-result h3{margin:5px 0}.wf-result p{font-size:11px;color:var(--wf-muted);margin-top:6px}.wf-role{padding:12px;border-bottom:1px solid var(--wf-border)}.wf-role p{font-size:11px;color:var(--wf-muted);margin-top:7px}.wf-prompt-list{padding:8px;display:grid;gap:8px}.wf-prompt{border:1px solid var(--wf-border);border-radius:4px;overflow:hidden}.wf-prompt.is-selected{border-color:var(--wf-teal)}.wf-page .wf-start-prompt{border:0;border-radius:0;display:block;text-align:left;width:100%;padding:10px}.wf-prompt-title{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600}.wf-prompt-title>span:last-child{color:var(--wf-teal)}.wf-prompt-output{display:block;font-size:10px;color:var(--wf-muted);margin-top:5px}.wf-prompt details{border-top:1px solid var(--wf-border);font-size:10px;padding:0 10px}.wf-prompt summary{cursor:pointer;display:list-item;align-content:center;color:var(--wf-muted)}.wf-prompt details[open]{padding-bottom:10px}.wf-prompt textarea{display:block;width:100%;resize:vertical;background:#0d1e32;color:var(--wf-text);border:1px solid var(--wf-border);border-radius:3px;padding:8px;font-size:11px;line-height:1.5;margin:6px 0}.wf-prompts>[data-copy-status]:not(:empty){padding:10px}.wf-rules{font-size:11px;color:var(--wf-muted);margin-top:14px}.wf-rules summary{cursor:pointer;align-content:center}.wf-rules p{max-width:1000px}.wf-rules li{margin:5px 0}.workspace:has(.wf-page) #main{max-width:none;padding:20px}.workspace:has(.wf-page) .page-footer{padding-top:12px}
@keyframes wf-travel{to{stroke-dashoffset:-100}}
.wf-advisory{margin-bottom:16px}.wf-advisory-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:8px}.wf-advisory-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:6px}.wf-page .wf-advisory-button{text-align:left;background:var(--wf-panel);padding:10px;min-width:0}.wf-advisory-button[aria-pressed=true]{border-color:var(--wf-teal);background:#193e42}.wf-advisory-button .wf-prompt-output{line-height:1.5}.wf-source-file{overflow-wrap:anywhere;margin-top:8px!important}.wf-source-note{padding:0 12px 12px}.wf-source-prompt{grid-template-columns:1fr!important}.wf-node[data-node=methodology] .wf-node-title{font-size:14px}
@media(max-width:800px){.wf-advisory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-advisory-heading{display:block}.wf-advisory-button{min-height:44px}}
@media(max-width:480px){.wf-advisory-list{grid-template-columns:1fr}.wf-advisory-button .wf-prompt-output{font-size:11px}}
@media(max-width:800px){.mobile-nav:has(a[href="#buyer-research/workflow"]){grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.mobile-nav:has(a[href="#buyer-research/workflow"]) .nav-link{min-width:0}.mobile-nav:has(a[href="#buyer-research/workflow"]) .nav-link span{overflow-wrap:anywhere}.wf-canvas-scroll:before{content:'Pomaknite mrežu vodoravno ↔';display:block;padding:8px 12px;color:var(--wf-muted);font-size:10px}}
@media(min-width:1600px){.wf-layout{grid-template-columns:220px minmax(0,1fr) 320px}.wf-canvas{max-height:490px}}
@media(max-width:1250px){.wf-layout{grid-template-columns:180px minmax(0,1fr)}.wf-layout>[data-prompts]{grid-column:1/-1}.wf-prompt-list{grid-template-columns:repeat(5,minmax(0,1fr))}.wf-canvas{min-width:500px}.wf-role p{max-width:850px}}
@media(max-width:800px){.wf-page{padding:14px}.wf-layout{grid-template-columns:1fr}.wf-layout>[data-prompts]{grid-column:auto}.wf-agent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.wf-navigator>.wf-note{display:none}.wf-prompt-list{grid-template-columns:1fr 1fr}.wf-header{align-items:start}.wf-mode{font-size:10px}.wf-controls button,.wf-page select,.wf-prompt summary{min-height:44px}.wf-canvas{max-height:none;min-width:620px}.wf-steps li{flex-direction:column}.workspace:has(.wf-page) #main{padding:12px}}
@media(max-width:480px){.wf-header{display:block}.wf-mode{display:flex;text-align:left;gap:10px;margin-top:10px}.wf-agent-list{grid-template-columns:1fr 1fr}.wf-page .wf-agent-option{min-height:49px}.wf-prompt-list{grid-template-columns:1fr}.wf-page{padding:10px}.wf-panel-title{padding:10px}.wf-steps li{font-size:8px}.wf-controls{gap:6px}.wf-controls button{flex:1}.wf-controls label{flex:1}.wf-canvas{min-width:620px}.wf-header p{font-size:11px}.wf-progress{padding:10px}.wf-page .wf-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.wf-page *{animation:none!important;transition:none!important}.wf-particle{visibility:hidden!important}}