.orchka-site{--paper:#f5f4ef;--ink:#20231f;--muted:#73766c;--rule:#dcded4;--orange:#d6532e;--dark:#1c221d;--ease:cubic-bezier(.23,1,.32,1);background:var(--paper);color:var(--ink);font-family:var(--font-inter),sans-serif;line-height:1.5;overflow:clip}.orchka-site *{box-sizing:border-box}.orchka-site a{color:inherit;text-decoration:none}.orchka-site a:hover{opacity:1}.orchka-site h1,.orchka-site h2,.orchka-site h3,.orchka-site p{margin:0}.orchka-site button{font:inherit;cursor:pointer}.orchka-site button:disabled{cursor:wait}.orchka-site button:active,.orchka-button:active{transform:scale(.98)}.orchka-site button:focus-visible,.orchka-site a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.orchka-site ::selection{color:var(--ink);background:#eec2ad}.orchka-site svg{flex-shrink:0}.site-shell{padding-left:max(5%,50vw - 680px);padding-right:max(5%,50vw - 680px)}.orchka-site section,.orchka-site #playground{scroll-margin-top:28px}.orchka-header{border-bottom:1px solid var(--rule);align-items:center;gap:40px;height:98px;margin:0 max(5%,50vw - 680px);display:flex}.orchka-brand{letter-spacing:-1.5px;align-items:center;gap:11px;font-size:30px;font-weight:650;line-height:1;display:flex}.orchka-brand>svg{width:30px;height:30px;color:var(--orange)}.brand-dot{letter-spacing:0;align-self:flex-start;margin:2px 0 0 -5px;font-size:10px}.header-note{color:var(--muted);margin-right:auto;font-size:10px}.orchka-header nav{align-items:center;gap:30px;font-size:11px;display:flex}.orchka-header nav a{align-items:center;gap:8px;padding:12px 0;display:flex}.orchka-header nav .nav-get-started{background:var(--ink);color:#f5f4ef;border-radius:5px;padding:12px 17px}.header-github{gap:7px!important}.orchka-menu{display:none}.orchka-hero{padding-top:30px;padding-bottom:35px}.micro-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;font-weight:400;display:inline-flex}.micro-label i{background:var(--orange);border-radius:50%;width:5px;height:5px;display:inline-block}.accent{color:var(--orange)}.quiet{color:var(--muted)}.hero-eyebrow{justify-content:space-between;align-items:center;display:flex}.hero-heading-row{grid-template-columns:1.5fr 1fr;align-items:end;gap:5%;padding-top:43px;padding-bottom:52px;display:grid}.hero-heading-row h1{letter-spacing:-.073em;font-size:clamp(55px,7.3vw,115px);font-weight:500;line-height:1.015}.hero-reveal-line{margin-bottom:-.11em;padding-bottom:.11em;display:block;overflow:hidden}.hero-reveal-line>span{display:block}.hero-orange{color:var(--orange)}.hero-period{color:var(--ink)}.hero-aside{padding:0 0 7px 10px}.hero-aside>p{color:#666d60;font-size:14px;line-height:1.85}.hero-aside strong{color:var(--ink);font-weight:400}.hero-actions{align-items:center;gap:24px;margin-top:25px;display:flex}.orchka-button{transition:background .2s var(--ease),transform .2s var(--ease);border-radius:5px;justify-content:center;align-items:center;gap:22px;padding:14px 20px;font-size:11px;font-weight:500;display:inline-flex}.orchka-button.primary{background:var(--orange);color:#fff7ee}.hero-try{align-items:center;gap:8px;font-size:11px;display:flex}.hero-footnote{color:var(--muted);margin-top:17px;font-size:9px;display:block}.workflow-demo{position:relative}.demo-scenarios{align-items:center;gap:7px;margin-bottom:15px;display:flex}.demo-scenarios>button{color:var(--muted);transition:background .18s var(--ease),color .18s var(--ease);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:22px;padding:8px 13px;font-size:10px;display:flex}.demo-scenarios>button[aria-pressed=true]{color:var(--ink);background:#e7e8df;border-color:#daddcf}.demo-scenarios>span{color:var(--muted);margin-left:auto;font-size:9px}.demo-window{color:#e4e8dc;background:#20271f;border:1px solid #343b30;border-radius:10px;overflow:hidden;box-shadow:0 14px 40px #262f1d10}.demo-toolbar{background:#252c23;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 23px;display:flex}.demo-workspace{color:#a3ad98;align-items:center;gap:13px;font-size:10px;display:flex}.demo-workspace>svg:first-child{color:#ee8053;width:19px;height:19px}.demo-workspace strong{color:#e4e8dc;font-weight:400}.demo-saved{color:#a3ad98;align-items:center;gap:5px;font-size:9px;display:flex}.demo-flow{isolation:isolate;background-image:radial-gradient(#dfe5d51b .8px,#0000 .8px);background-size:16px 16px;padding:85px 40px 90px;position:relative}.demo-nodes{grid-template-columns:repeat(4,1fr);gap:5%;display:grid;position:relative}.flow-node{text-align:left;color:#f0f1e7;min-width:0;transition:background .18s var(--ease),border-color .18s var(--ease),transform .22s var(--ease);background:#2d342a;border:1px solid #59624d;border-radius:7px;padding:19px 16px 17px;position:relative}.flow-node>strong{white-space:nowrap;margin-top:14px;font-size:12px;font-weight:500;display:block}.flow-node>span:not(.node-icon):not(.node-check){color:#aab39f;margin-top:4px;font-size:9px;display:block}.node-icon{color:#c7dda4;background:#424c35;border:1px solid #c7dda422;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.node-icon-1{color:#a2ccc5;background:#304a49;border-color:#a2ccc522}.node-icon-2{color:#f3bc90;background:#5b412e;border-color:#f3bc9022}.node-icon-3{color:#c2b9e1;background:#434353;border-color:#c2b9e122}.node-port{background:#252c23;border:1px solid #899578;border-radius:50%;width:7px;height:7px;margin-top:-3px;position:absolute;top:50%}.port-left{left:-4px}.port-right{right:-4px}.flow-node:first-child .port-left,.flow-node:last-child .port-right{display:none}.node-complete{border-color:#95b879}.node-check{color:#15210e;background:#aed294;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:14px;right:12px}.node-running{background:#3d392b;border-color:#f19a65}.flow-connections{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.flow-line{stroke:#798767;stroke-width:1.2px;fill:none}.flow-pulse{stroke:#d7b985;stroke-width:2px;stroke-dasharray:5 720;stroke-dashoffset:0;fill:none;opacity:0}.is-running .flow-pulse{opacity:1;animation:1.3s linear infinite connection-flow}.canvas-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.09em;color:#929e85;align-items:center;gap:7px;font-size:7px;display:flex;position:absolute;bottom:20px;left:23px}.canvas-label>span{background:#99a788;border-radius:50%;width:4px;height:4px;display:block}.canvas-zoom{color:#929e85;font-size:8px;position:absolute;bottom:18px;right:23px}.canvas-zoom>span{border:1px solid #ffffff15;border-radius:3px;margin-left:12px;padding:5px 8px}.demo-console{background:#252c23;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:13px 21px;display:flex}.demo-status{color:#ced5c2;align-items:center;gap:8px;font-size:10px;display:flex}.demo-status small{color:#929e85;margin-left:12px;font-size:8px}.status-dot{background:#a2ad95;border-radius:50%;width:5px;height:5px}.status-dot.completed{background:#aed294}.run-button{color:#fcf2e6;background:#cb6235;border:1px solid #de794a;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-width:123px;padding:9px 13px;display:flex;font-size:10px!important}.run-button:disabled{opacity:.8}.run-spinner{border:1px solid #ffffff50;border-top-color:#fff7ee;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite run-spin}.demo-caption{color:var(--muted);justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;display:flex}.caption-plus{color:var(--orange);margin-right:8px}.node-description{background:#313c2b;border-top:1px solid #ffffff14;align-items:center;gap:20px;padding:15px 22px;font-size:10px}.node-description:not([hidden]){display:flex}.node-description>strong{white-space:nowrap;font-weight:500}.node-description>span{color:#bbc6af}.node-description>button{color:#bbc6af;background:0 0;border:0;margin-left:auto}.demo-output{color:#b4d096;background:#182015;align-items:center;gap:25px;padding:17px 23px;display:flex}.demo-output>span{letter-spacing:.1em;font-size:8px}.demo-output code{overflow-wrap:anywhere;font-size:10px}.stack-strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:40px;padding-top:30px;padding-bottom:30px;display:flex}.stack-strip>.micro-label{max-width:100px;color:var(--muted);font-size:8px}.stack-strip>div{flex:1;justify-content:space-between;align-items:center;gap:48px;max-width:600px;display:flex}.stack-strip>div span{color:#686f60;letter-spacing:-.05em;font-size:21px;font-weight:550}.stack-strip>div .stack-react{font-size:18px;font-weight:400}.stack-strip>div .stack-bull{font-weight:700}.stack-strip>a{align-items:center;gap:10px;font-size:9px;display:flex}.capabilities-section{padding-top:110px;padding-bottom:110px}.section-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:52px;display:flex}.section-intro h2,.expression-copy h2,.docs-entry h2{letter-spacing:-.06em;margin-top:23px;font-size:clamp(38px,4.25vw,66px);font-weight:450;line-height:1.12}.heading-muted{color:#909485}.section-intro>p{color:var(--muted);padding-bottom:3px;font-size:12px;line-height:1.85}.capabilities-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.capability-art{background:#eaece3;border:1px solid #e0e3d7;border-radius:7px;justify-content:center;align-items:center;height:160px;margin-bottom:28px;padding:25px 22px;display:flex;position:relative;overflow:hidden}.mini-node{background:#f8f9f3;border:1px solid #cfd5c5;border-radius:7px;place-items:center;width:51px;height:51px;display:grid}.mini-node svg{color:#6e8059;width:21px}.mini-node.orange{color:#b45329;background:#f3dbca;border-color:#d9bca5}.mini-node.orange svg{color:#b45329}.mini-wire{background:#adb99f;width:26px;height:1px}.ai-object{justify-content:space-between;align-items:center;width:100%;display:flex}.ai-object span{font-family:var(--font-jetbrains-mono),monospace;color:#7a816f;font-size:7px}.ai-object>svg{box-sizing:content-box;color:#ad5d34;transition:transform .5s var(--ease);background:#f2dccb;border:1px solid #d8bfa8;border-radius:17px;padding:23px;transform:rotate(-8deg)}.mini-traces{width:100%}.mini-traces>div{color:#6c765f;align-items:center;gap:10px;margin:12px 0;font-size:8px;display:flex}.mini-traces>div>span{min-width:57px}.mini-traces i{background:#a9bb93;border-radius:2px;height:6px}.mini-traces svg{margin-left:auto}.capability-index{font-family:var(--font-jetbrains-mono),monospace;color:var(--orange);font-size:9px}.capability h3{letter-spacing:-.045em;margin-top:10px;font-size:22px;font-weight:450}.capability>p{color:var(--muted);max-width:330px;min-height:67px;margin-top:13px;font-size:12px;line-height:1.85}.capability>a{align-items:center;gap:20px;margin-top:25px;font-size:10px;display:inline-flex}.editor-section{background:var(--dark);color:#f0f1e7;perspective:1600px;padding-top:80px;padding-bottom:50px;overflow:hidden}.editor-section .section-intro h2>span{color:#9eac92}.editor-section .micro-label{color:#ee986d}.editor-section .section-intro>p{color:#a5af9b}.editor-section .section-intro>p>a{color:#e5ebdc;align-items:center;gap:20px;margin-top:18px;font-size:11px;display:flex}.editor-screenshot{background:#293223;border:1px solid #647253;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.editor-screenshot img{width:100%;height:auto;display:block}.editor-screenshot>span{color:#252d1e;background:#e8eddd;border-radius:5px;align-items:center;gap:12px;padding:11px 15px;font-size:10px;display:flex;position:absolute;bottom:20px;right:20px}.editor-highlights{color:#b2bea6;border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;padding-top:29px;font-size:10px;display:flex}.editor-highlights>span{align-items:center;gap:11px;display:flex}.editor-highlights svg{color:#d2b28a}.expression-section{grid-template-columns:1fr 1.05fr;align-items:center;gap:9%;padding-top:110px;padding-bottom:110px;display:grid}.expression-copy>p{color:var(--muted);max-width:365px;margin-top:25px;font-size:13px;line-height:1.85}.underlined-link{border-bottom:1px solid #c3c9b8;align-items:center;gap:25px;margin-top:30px;padding-bottom:10px;font-size:11px;display:inline-flex}.expression-panel{border:1px solid var(--rule);background:#eceee5;border-radius:7px;overflow:hidden}.expression-tabs{border-bottom:1px solid var(--rule);background:#f0f1ea;align-items:center;gap:20px;padding:15px 20px;display:flex}.expression-tabs button{color:#767f6b;background:0 0;border:none;padding:7px 0;font-size:10px;position:relative}.expression-tabs button[aria-pressed=true]{color:var(--ink)}.expression-tabs button[aria-pressed=true]:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:-16px;left:0;right:0}.expression-tabs>svg{color:#8e9883;margin-left:auto}.code-title{color:#7a846f;justify-content:space-between;align-items:center;padding:25px 20px 15px;font-size:9px;display:flex}.code-title>button{color:#7a846f;background:0 0;border:none;padding:7px}.expression-panel pre{font-family:var(--font-jetbrains-mono),monospace;color:#94532f;margin:0;padding:0 20px 25px;font-size:10px;line-height:2.1;overflow-x:auto}.expression-panel pre i{color:#adb5a0;-webkit-user-select:none;user-select:none;width:27px;font-style:normal;display:inline-block}.code-comment{color:#7c8670}.code-bottom{border-top:1px solid var(--rule);color:#7c8670;justify-content:space-between;align-items:center;padding:14px 20px;font-size:8px;display:flex}.code-bottom>span:first-child{align-items:center;gap:7px;display:flex}.principle-ribbon{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#e9ece1;padding:29px 0;overflow:hidden}.principle-track{white-space:nowrap;letter-spacing:-.06em;align-items:center;gap:45px;width:max-content;font-size:clamp(40px,5.5vw,86px);font-weight:450;line-height:1.2;display:flex}.principle-track>svg{width:49px;height:49px;color:var(--orange)}.principle-track>span{color:#8c9780}.docs-entry{grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-top:100px;padding-bottom:100px;display:grid}.docs-entry>div>p{color:var(--muted);margin-top:22px;font-size:12px;line-height:1.85}.docs-entry-links>a{border-bottom:1px solid var(--rule);align-items:center;gap:20px;padding:26px 0;display:flex}.docs-entry-links>a:first-child{border-top:1px solid var(--rule)}.docs-entry-icon{border:1px solid var(--rule);color:#69795a;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.docs-entry-links strong{letter-spacing:-.02em;font-size:14px;font-weight:500;display:block}.docs-entry-links small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.docs-entry-links>a>svg{margin-left:auto}.orchka-cta{background:#e7eadd;border-top:1px solid #d8ddcd;padding-top:35px;padding-bottom:45px}.cta-upper{justify-content:space-between;display:flex}.cta-upper>.micro-label:last-child{color:#7c876c}.cta-main{justify-content:space-between;align-items:center;gap:40px;padding:48px 0;display:flex}.cta-main h2{letter-spacing:-.065em;font-size:clamp(45px,6.5vw,102px);font-weight:450;line-height:1.07}.cta-main h2>span{color:var(--orange)}.cta-circle{width:103px;height:103px;transition:background .25s var(--ease),transform .25s var(--ease);border:1px solid #b6c0a5;border-radius:50%;place-items:center;display:grid}.cta-lower{align-items:center;gap:30px;display:flex}.cta-lower>a:not(.orchka-button){align-items:center;gap:10px;font-size:11px;display:flex}.cta-lower>span{color:#7c876c;margin-left:auto;font-size:9px}.orchka-footer{align-items:center;gap:30px;padding-top:30px;padding-bottom:30px;display:flex}.orchka-footer .orchka-brand{font-size:25px}.orchka-footer .orchka-brand svg{width:23px;height:23px}.orchka-footer>span{color:var(--muted);font-size:9px}.orchka-footer>div{align-items:center;gap:26px;margin-left:auto;display:flex}.orchka-footer>div>a{align-items:center;gap:6px;font-size:10px;display:flex}.orchka-footer>a:last-child{color:var(--muted);margin-left:20px;font-size:9px}.editor-dialog{color:#e4e8dc;z-index:100;background:#20271f;border:1px solid #6b775e;border-radius:10px;width:min(96vw,1600px);max-width:none;max-height:95vh;margin:auto;padding:42px 15px 15px;position:fixed}.editor-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11170fe6}.editor-dialog>button{color:#e4e8dc;background:0 0;border:0;padding:4px;position:absolute;top:9px;right:12px}.editor-dialog>img{object-fit:contain;width:100%;height:auto;max-height:80vh}.editor-dialog>p{text-align:center;padding-top:12px;font-size:11px}.orchka-skip{z-index:100;color:#20231f;background:#fff9ed;padding:10px 20px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.orchka-skip:focus{transform:none}@keyframes connection-flow{to{stroke-dashoffset:-725px}}@keyframes run-spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.orchka-header nav>a:not(.nav-get-started):hover,.capability>a:hover,.underlined-link:hover,.orchka-footer a:hover{color:var(--orange)}.orchka-button.primary:hover{background:#b74726}.flow-node:hover{border-color:#b0c699;transform:translateY(-4px)}.capability:hover .ai-object>svg{transform:rotate(0)translateY(-5px)}.cta-circle:hover{background:#d6ddca;transform:translate(3px,-3px)}.docs-entry-links>a:hover>.docs-entry-icon{background:#e9eddf}.demo-scenarios>button:hover{color:var(--ink)}}@media (max-width:1100px){.header-note{display:none}.orchka-header nav{gap:22px;margin-left:auto}.hero-heading-row{grid-template-columns:1.3fr 1fr;gap:4%}.hero-aside{padding-left:0}.hero-actions{flex-wrap:wrap;gap:15px}.hero-heading-row h1{font-size:8vw}.stack-strip{gap:25px}.stack-strip>div{gap:23px}.stack-strip>div span{font-size:18px}.stack-strip>a{display:none}.flow-node{padding:16px 12px}.flow-node>strong{font-size:11px}.flow-node>span:not(.node-icon):not(.node-check){font-size:8px}.demo-flow{padding:65px 27px 75px}.capabilities-grid{gap:22px}.capability-art{padding:20px 15px}.mini-node{width:43px;height:43px}.mini-wire{width:18px}.ai-object>svg{padding:18px}.ai-object span{font-size:6px}.expression-section{gap:5%}.expression-panel pre{font-size:9px}.code-bottom>span:last-child,.cta-lower>span,.orchka-footer>a:last-child{display:none}}@media (max-width:700px){.site-shell{padding-left:6%;padding-right:6%}.orchka-header{z-index:10;height:78px;margin:0 6%;position:relative}.orchka-brand{font-size:27px}.orchka-brand>svg{width:26px;height:26px}.orchka-menu{background:0 0;border:none;align-items:center;gap:13px;margin-left:auto;padding:12px 0 12px 12px;display:flex;font-size:11px!important}.orchka-header nav{border-bottom:1px solid var(--rule);background:#f5f4ef;flex-direction:column;align-items:stretch;gap:5px;padding:15px 7% 22px;display:none;position:absolute;top:77px;left:-7%;right:-7%}.orchka-header nav.open{display:flex}.orchka-header nav a{padding:14px 0;font-size:15px}.orchka-header nav .nav-get-started{justify-content:space-between;margin-top:6px}.orchka-hero{padding-top:24px;padding-bottom:27px}.hero-eyebrow>.quiet{display:none}.micro-label{font-size:8px}.hero-heading-row{padding-top:35px;padding-bottom:32px;display:block}.hero-heading-row h1{letter-spacing:-.07em;font-size:13vw;line-height:1.06}.hero-aside{padding-top:25px}.hero-aside>p{font-size:13px;line-height:1.8}.hero-aside>p>br{display:none}.hero-actions{gap:22px;margin-top:21px}.orchka-button{gap:20px;padding:13px 17px;font-size:10px}.hero-footnote{margin-top:14px;font-size:8px}.hero-try{font-size:10px}.demo-scenarios{gap:3px}.demo-scenarios>button{white-space:nowrap;flex:1;justify-content:space-between;gap:7px;padding:7px 8px;font-size:8px}.demo-scenarios>button svg{width:10px}.demo-scenarios>span{display:none}.demo-toolbar{padding:13px}.demo-workspace{gap:8px;font-size:8px}.demo-workspace>span{display:none}.demo-saved{gap:3px;font-size:7px}.demo-flow{padding:26px 22px 50px}.demo-nodes{grid-template-columns:1fr 1fr;gap:27px 26px}.flow-node{padding:13px 12px}.flow-node>strong{white-space:normal;margin-top:10px;font-size:10px}.flow-node>span:not(.node-icon):not(.node-check){font-size:7px}.node-icon{width:29px;height:29px}.node-icon>svg{width:17px}.flow-connections{display:none}.flow-node:nth-child(2):after{content:"";background:#899578;width:1px;height:28px;position:absolute;top:100%;right:50%}.flow-node:first-child:after,.flow-node:nth-child(3):after{content:"";background:#899578;width:27px;height:1px;position:absolute;top:50%;right:-27px}.node-check{width:15px;height:15px;top:10px;right:8px}.canvas-label{font-size:6px;bottom:17px;left:15px}.canvas-zoom{font-size:7px;bottom:15px;right:15px}.canvas-zoom>span{margin-left:6px;padding:4px 5px}.demo-console{align-items:center;gap:12px;padding:11px 13px}.demo-status{flex-wrap:wrap;gap:6px;font-size:8px}.demo-status>small{flex-basis:100%;margin-left:11px;font-size:6px}.run-button{gap:7px;min-width:100px;padding:8px 10px;font-size:9px!important}.demo-caption{font-size:7px}.demo-caption>span:last-child{display:none}.node-description:not([hidden]){flex-wrap:wrap;gap:7px;padding:12px 30px 12px 12px;font-size:9px;position:relative}.node-description>button{position:absolute;top:12px;right:10px}.demo-output{gap:8px;padding:13px;display:block}.demo-output>span{margin-bottom:6px;font-size:7px;display:block}.demo-output code{font-size:8px}.stack-strip{padding-top:24px;padding-bottom:24px;display:block}.stack-strip>.micro-label{max-width:none;margin-bottom:16px;font-size:7px;display:block}.stack-strip>div{gap:12px}.stack-strip>div span{font-size:15px}.stack-strip>div .stack-react{font-size:12px}.capabilities-section{padding-top:65px;padding-bottom:65px}.section-intro{margin-bottom:32px;display:block}.section-intro h2,.expression-copy h2,.docs-entry h2{letter-spacing:-.06em;margin-top:19px;font-size:38px}.section-intro>p{margin-top:20px;font-size:12px}.capabilities-grid{grid-template-columns:1fr;gap:34px}.capability-art{height:170px;margin-bottom:20px}.mini-node{width:58px;height:58px}.mini-wire{width:38px}.ai-object{max-width:270px}.ai-object>svg{padding:28px}.ai-object span{font-size:8px}.mini-traces{max-width:270px}.mini-traces>div{font-size:10px}.capability h3{margin-top:8px;font-size:24px}.capability>p{max-width:none;min-height:0;font-size:12px}.capability>a{margin-top:18px;font-size:11px}.editor-section{padding-top:60px;padding-bottom:35px}.editor-section .section-intro{margin-bottom:35px}.editor-screenshot>span{gap:6px;padding:7px 9px;font-size:7px;bottom:8px;right:8px}.editor-screenshot>span svg{width:10px}.editor-highlights{flex-direction:column;align-items:flex-start;gap:18px;padding-top:23px;font-size:10px;display:flex}.expression-section{grid-template-columns:1fr;gap:33px;padding-top:65px;padding-bottom:65px}.expression-copy>p{font-size:12px}.expression-panel pre{padding-left:12px;padding-right:12px;font-size:8px}.expression-panel pre i{width:20px}.code-title{padding-left:13px;padding-right:13px;font-size:8px}.expression-tabs{padding-left:13px;padding-right:13px}.code-bottom{padding:12px 13px}.principle-ribbon{padding:24px 0}.principle-track{gap:23px;font-size:43px}.principle-track>svg{width:30px;height:30px}.docs-entry{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:65px}.docs-entry-links>a{gap:13px;padding:22px 0}.docs-entry-links strong{font-size:13px}.docs-entry-links small{font-size:9px}.docs-entry-icon{width:37px;height:37px}.orchka-cta{padding-top:27px;padding-bottom:32px}.cta-upper>.micro-label:last-child{display:none}.cta-main{align-items:flex-start;gap:12px;padding:30px 0}.cta-main h2{font-size:10.3vw;line-height:1.13}.cta-circle{border:none;flex-shrink:0;width:40px;height:40px}.cta-circle>svg{width:29px;height:29px}.cta-lower{flex-wrap:wrap;gap:20px}.cta-lower>a:not(.orchka-button){font-size:10px}.orchka-footer{grid-template-columns:1fr 1fr;gap:22px;display:grid}.orchka-footer>span{text-align:right;font-size:8px}.orchka-footer>div{grid-column:1/-1;gap:26px;margin:0}.orchka-footer>div>a{font-size:10px}.editor-dialog{padding:40px 8px 10px}.editor-dialog>p{font-size:9px}}@media (prefers-reduced-motion:reduce){.orchka-site *,.orchka-site :before,.orchka-site :after{transition:none!important;animation:none!important}.orchka-site{scroll-behavior:auto}.is-running .flow-pulse{stroke-dasharray:none;opacity:.5}}@media (max-width:700px){.flow-node:nth-child(3){grid-area:2/2}.flow-node:nth-child(4){grid-area:2/1}.flow-node:nth-child(3):after{left:-27px;right:auto}.flow-node:nth-child(4) .port-left{display:none}.flow-node:nth-child(4) .port-right{display:block}.flow-node:nth-child(2) .port-right,.flow-node:nth-child(3) .port-right{display:none}}
.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}
.workflow-playground{margin-top:4px}.playground-choices{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:21px;display:grid}.playground-choices>button{text-align:left;color:#757d6c;background:0 0;border:1px solid #dcded4;border-radius:7px;align-items:center;gap:13px;padding:17px;transition:background .2s,border-color .2s;display:flex}.playground-choices>button[aria-pressed=true]{color:#293420;background:#e8eddf;border-color:#9daa8d}.playground-choices strong{font-size:12px;font-weight:550;display:block}.playground-choices small{color:#77816c;margin-top:4px;font-size:9px;font-weight:400;display:block}.playground-choices>button>svg:last-child{margin-left:auto}.playground-frame{color:#e3ebdc;background:#20281f;border:1px solid #3c4934;border-radius:10px;overflow:hidden}.playground-topbar{background:#283024;border-bottom:1px solid #ffffff15;justify-content:space-between;align-items:center;padding:15px 21px;display:flex}.playground-title{align-items:center;gap:12px;display:flex}.playground-title>svg{color:#c7d8b7}.playground-title strong{font-size:12px;font-weight:500}.example-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;color:#a2af98;background:#ffffff08;border:1px solid #ffffff15;border-radius:3px;padding:3px 6px;font-size:7px}.playground-actions{align-items:center;gap:13px;display:flex}.reset-play{color:#a7b29d;background:0 0;border:0;padding:7px}.play-run{color:#fff7ec;background:#d96536;border:1px solid #ef8458;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-width:123px;padding:10px 14px;display:flex;font-size:10px!important}.play-run:disabled{opacity:.75}.playground-input{border-bottom:1px solid #ffffff12;align-items:center;gap:15px;padding:13px 21px;display:flex}.input-label{color:#b7c2ad;align-items:center;gap:7px;font-size:9px;display:flex}.playground-input label{align-items:center;display:flex;position:relative}.playground-input select{appearance:none;color:#e2ead8;font:inherit;cursor:pointer;background:#303b29;border:1px solid #536448;border-radius:4px;padding:8px 30px 8px 11px;font-size:10px}.playground-input label>svg{pointer-events:none;color:#b6c4a8;position:absolute;right:9px}.playground-input>p{color:#a0ae95;margin-left:auto;font-size:9px}.playground-body{grid-template-columns:minmax(0,1fr) 270px;min-height:410px;display:grid}.real-canvas{min-width:0;height:410px;position:relative}.real-canvas .react-flow{background:#20281f}.play-node{color:#e5eedc;background:#2c3728;border:1px solid #596c4d;border-radius:7px;align-items:center;gap:11px;width:184px;padding:17px 14px;transition:border-color .18s,opacity .18s;display:flex}.play-node-text strong{font-size:11px;font-weight:500;line-height:1.3;display:block}.play-node-text>span{color:#aab99c;margin-top:5px;font-size:8px;display:block}.play-node-icon{color:#b8d694;background:#3e5031;border:1px solid #aac98930;border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.kind-ai .play-node-icon{color:#f2c196;background:#56432e;border-color:#cc996c40}.kind-condition .play-node-icon{color:#a4c6e6;background:#3a4352;border-color:#90b6dc30}.kind-notify .play-node-icon{color:#f4b995;background:#533b32;border-color:#ef9d7430}.kind-queue .play-node-icon{color:#c9b9e3;background:#3f3e53;border-color:#c3aedb30}.kind-http .play-node-icon{color:#a4cfc7;background:#2c4b46;border-color:#93c4bb30}.play-node-status{color:#86977a;background:#20281f;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:-7px;right:7px}.state-success .play-node-status{color:#24371b;background:#b5d59e}.state-running .play-node-status{color:#efad7f}.state-running{background:#3d3d29;border-color:#e0a577}.state-skipped{opacity:.35}.node-selected{outline-offset:4px;outline:2px solid #cbdcbd}.real-canvas .react-flow__handle{background:#20281f;border:1px solid #99af89;width:7px;min-width:7px;height:7px;min-height:7px}.real-canvas .react-flow__controls{box-shadow:none;background:#2b3525;border:1px solid #526345;border-radius:5px;display:flex;bottom:20px;left:12px;overflow:hidden}.real-canvas .react-flow__controls-button{color:#d6e2c9;fill:currentColor;background:#2b3525;border:0;border-right:1px solid #526345;width:27px;height:27px}.real-canvas .react-flow__controls-button:hover{background:#425435}.real-canvas .react-flow__controls-button:last-child{border:0}.real-canvas .react-flow__attribution{color:#98aa8c;background:#283322;border-radius:3px;font-size:7px}.real-canvas .react-flow__attribution>a{color:#98aa8c}.canvas-instruction{color:#96a78a;pointer-events:none;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;top:14px;left:15px}.step-inspector{background:#252e21;border-left:1px solid #ffffff15;min-width:0;padding:22px 20px}.inspector-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;color:#8fa17f;justify-content:space-between;align-items:center;font-size:7px;display:flex}.inspector-label>span{font-family:var(--font-inter),sans-serif;letter-spacing:0;color:#b7c5aa;background:#ffffff06;border:1px solid #ffffff14;border-radius:3px;padding:3px 5px;font-size:8px}.step-inspector>h3{letter-spacing:-.03em;margin-top:18px;font-size:18px;font-weight:450}.step-inspector>p{color:#a5b397;margin-top:10px;font-size:10px;line-height:1.8}.inspector-tabs{border-bottom:1px solid #ffffff17;align-items:center;gap:20px;margin-top:23px;display:flex}.inspector-tabs>button{color:#9bad8c;background:0 0;border:0;border-bottom:1px solid #0000;padding:9px 0;font-size:10px}.inspector-tabs>button[aria-pressed=true]{color:#e2edda;border-color:#c0d7a8}.inspector-tabs>span{color:#829574;margin-left:auto;font-size:7px}.step-inspector>pre{font-family:var(--font-jetbrains-mono),monospace;color:#d3bf9d;white-space:pre-wrap;overflow-wrap:anywhere;max-height:170px;margin:15px 0;font-size:9px;line-height:1.85;overflow:auto}.inspector-hint{color:#8d9e7f;align-items:center;gap:6px;font-size:7px;line-height:1.6;display:flex}.playground-trace{background:#263022;border-top:1px solid #ffffff15;align-items:center;gap:35px;padding:16px 21px;display:flex}.trace-heading{color:#b8caaa;flex-wrap:wrap;align-items:center;gap:9px;font-size:9px;display:flex}.trace-heading strong{font-weight:500}.trace-heading>span{color:#8fa37e;font-size:8px}.trace-steps{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.trace-steps>span{color:#b6cf9f;align-items:center;gap:5px;font-size:8px;display:flex}.trace-steps>p{color:#94a783;font-size:9px}.trace-steps strong{color:#c3d5b2;font-weight:400}.playground-caption{color:#7b8470;justify-content:space-between;align-items:center;margin-top:13px;font-size:8px;display:flex}.playground-caption>span:first-child{align-items:center;gap:7px;display:flex}.playground-caption i{background:#d6532e;border-radius:50%;width:4px;height:4px}.spinning{animation:.9s linear infinite playground-spin}@keyframes playground-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.playground-body{grid-template-columns:minmax(0,1fr) 230px}.step-inspector{padding:18px 15px}.playground-input>p{display:none}.playground-choices{gap:9px}.playground-choices small{display:none}.playground-trace{gap:20px}.trace-heading>span{flex-basis:100%;padding-left:23px}}@media (max-width:700px){.playground-choices{gap:5px;margin-bottom:14px}.playground-choices>button{justify-content:center;gap:6px;padding:11px 8px}.playground-choices>button>svg:first-child{width:13px;height:13px}.playground-choices>button>svg:last-child{display:none}.playground-choices strong{font-size:8px}.playground-topbar{padding:12px}.playground-title{gap:7px}.playground-title strong{font-size:10px}.playground-title>svg{width:13px}.example-label{display:none}.playground-actions{gap:5px}.play-run{gap:7px;min-width:95px;padding:9px 10px;font-size:9px!important}.reset-play{padding:5px}.playground-input{gap:10px;padding:11px 12px}.input-label{font-size:8px}.input-label>svg{width:11px}.playground-input select{padding-top:7px;padding-bottom:7px;font-size:9px}.playground-body{flex-direction:column;display:flex}.real-canvas{height:320px}.step-inspector{border-top:1px solid #ffffff15;border-left:0;padding:17px}.step-inspector>h3{margin-top:10px;font-size:17px}.step-inspector>p{font-size:10px}.inspector-tabs{margin-top:12px}.step-inspector>pre{max-height:135px}.playground-trace{padding:14px 16px;display:block}.trace-heading>span{flex-basis:auto;margin-left:auto;padding-left:0}.trace-steps{gap:10px;margin-top:10px}.trace-steps>span,.playground-caption{font-size:7px}.playground-caption>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.workflow-playground *,.workflow-playground :after{transition:none!important;animation:none!important}}@media (max-width:700px){.real-canvas{height:450px}}