@layer components{.olive-conn-illust{width:100%;margin-top:clamp(1rem,2vw,2rem)}.olive-conn-illust svg{width:100%;height:auto;display:block}}
@layer components{.olive-illust-container{width:100%;margin-top:clamp(1rem,2vw,2rem);padding:0 1rem}.olive-illust-svg{width:100%;height:auto;display:block}.olive-illust-mobile{display:none}@media (max-width:768px){.olive-illust-desktop{display:none}.olive-illust-mobile{display:block}}.olive-group-card{cursor:pointer;fill:var(--color-warm-a3);stroke:var(--color-warm-a6);stroke-width:1px;transition:fill .25s,filter .25s,stroke .25s}.olive-group-card:hover{filter:brightness(1.08);fill:var(--color-warm-a6);stroke:var(--color-warm-a8)}.olive-group-card--accent{stroke:var(--color-coral-a12)}.olive-group-label{font-family:var(--font-body),sans-serif;text-transform:uppercase;letter-spacing:.08em;fill:var(--color-text-muted-dark);font-size:10px;font-weight:600}.olive-icon-box{cursor:pointer;fill:var(--color-warm-a4);stroke:var(--color-warm-a8);stroke-width:.75px;transform-origin:50%;transform-box:fill-box;transition:fill .2s,transform .2s,stroke .2s}.olive-icon-box:hover{fill:var(--color-warm-a8);stroke:var(--color-line);transform:scale(1.03)}.olive-icon-box-ctx{cursor:pointer;fill:#fc654a05;stroke:var(--color-coral-a10);stroke-width:.75px;transform-origin:50%;transform-box:fill-box;transition:fill .2s,transform .2s,stroke .2s}.olive-icon-box-ctx:hover{fill:#fc654a1f;stroke:var(--color-coral-a18);transform:scale(1.03)}.olive-item-label{font-family:var(--font-body),sans-serif;text-anchor:middle;fill:var(--color-text-muted-dark);font-size:9px;font-weight:500}.olive-dot-in{opacity:.4;fill:var(--color-line)}.olive-conn-base{opacity:.15;fill:none;stroke:var(--color-line);stroke-width:1px;stroke-linecap:round;stroke-dasharray:4 8}.olive-conn-flow-in{opacity:.5;fill:none;stroke:var(--color-line);stroke-width:1px;stroke-linecap:round;stroke-dasharray:4 8;animation:3s linear infinite oliveFlowIn}.olive-dot-in-ctx{opacity:.35;fill:var(--color-coral)}.olive-conn-base-ctx{opacity:.12;fill:none;stroke:var(--color-coral);stroke-width:1px;stroke-linecap:round;stroke-dasharray:4 8}.olive-conn-flow-in-ctx{opacity:.35;fill:none;stroke:var(--color-coral);stroke-width:1px;stroke-linecap:round;stroke-dasharray:4 8;animation:3s linear infinite oliveFlowIn}.olive-dot-out{opacity:.6;fill:var(--color-coral)}.olive-conn-base-out{opacity:.12;fill:none;stroke:var(--color-coral);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:4 8}.olive-conn-flow-out{opacity:.6;fill:none;stroke:var(--color-coral);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:4 8;animation:2.5s linear infinite oliveFlowOut}@keyframes oliveFlowIn{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes oliveFlowOut{0%{stroke-dashoffset:-24px}to{stroke-dashoffset:0}}.olive-engine-glow{animation:4s ease-in-out infinite oliveGlowPulse}@keyframes oliveGlowPulse{0%,to{opacity:.12}50%{opacity:.25}}.olive-workspace-outer{fill:var(--color-warm-a2);stroke:var(--color-coral-a18);stroke-width:1.5px}.olive-panel-free{fill:#f8f5f10f;stroke:var(--color-warm-a8);stroke-width:.75px}.olive-panel-pro{fill:#fc654a05;stroke:var(--color-coral-a12);stroke-width:.75px}.olive-step-box{cursor:pointer;fill:var(--color-warm-a3);stroke:var(--color-warm-a6);stroke-width:.75px;transform-origin:50%;transform-box:fill-box;transition:fill .2s,transform .2s,stroke .2s}.olive-step-box:hover{fill:var(--color-warm-a6);stroke:var(--color-warm-a8);transform:scale(1.03)}.olive-step-box--winner{fill:var(--color-coral-a4);stroke:var(--color-coral-a15)}.olive-step-box--winner:hover{fill:var(--color-coral-a8);transform:scale(1.03)}.olive-step-num{font-family:var(--font-body),sans-serif;fill:var(--color-coral);font-size:9px;font-weight:700}.olive-step-label{font-family:var(--font-body),sans-serif;fill:var(--color-text-on-dark);font-size:11px;font-weight:600}.olive-step-desc{font-family:var(--font-body),sans-serif;fill:var(--color-text-muted-dark);font-size:8px;font-weight:400}.olive-output-box{cursor:pointer;fill:#fc654a08;stroke:var(--color-coral-a15);stroke-width:1px;transform-origin:50%;transform-box:fill-box;transition:fill .25s,transform .25s,stroke .25s}.olive-output-box:hover{fill:#fc654a1f;stroke:var(--color-coral-a25);transform:scale(1.03)}.olive-output-label{font-family:var(--font-body),sans-serif;text-anchor:middle;fill:var(--color-text-on-dark);font-size:12px;font-weight:600}}
@layer components{.olive-logo-strip{opacity:.5;justify-content:center;align-items:center;gap:clamp(2rem,4vw,4rem);margin-top:clamp(1rem,1.5vw,1.5rem);display:flex}.olive-logo-strip img{object-fit:contain;filter:brightness(0)invert();width:auto;height:clamp(24px,3.5vw,36px)}.olive-terminal{word-break:break-word;overflow-wrap:break-word;background:var(--color-dark);border-radius:var(--radius-inner);margin-top:clamp(1rem,1.5vw,1.5rem);padding:clamp(.75rem,1.2vw,1rem);font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.8}.olive-terminal-error{color:var(--color-error)}.olive-terminal-retry{color:var(--color-coral)}.olive-terminal-success{color:var(--color-success)}.olive-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.olive-table{width:100%;font-family:var(--font-body),sans-serif;font-size:var(--text-small);border-collapse:collapse}.olive-table th{color:var(--color-text-on-dark);text-align:left;border-bottom:2px solid var(--color-dark-border);padding:.75rem 1rem;font-weight:600}.olive-table td{color:var(--color-text-muted-dark);border-bottom:1px solid var(--color-dark-border);padding:.75rem 1rem}.olive-table .olive-col-highlight{color:var(--color-coral);font-weight:600}.olive-table th.olive-col-highlight{color:var(--color-coral)}@media (max-width:768px){.olive-table{font-size:var(--text-xs)}.olive-table th,.olive-table td{padding:.5rem .6rem}}}