/* AI Studio: a workspace canvas, using the existing xDev blue and type family.
   Palette: ink #17243d, blue #0759ed, paper #f7f9fc, line #dfe5ee,
   canvas #eaf1ff, navy #142745. Left-aligned product story and interactive flow. */
.studio-landing{--studio-blue:#0759ed;--studio-ink:#17243d;--studio-muted:#53627b;--studio-line:#dfe5ee;color:var(--studio-ink)}
.studio-landing [hidden]{display:none!important}.studio-landing button{font:inherit;cursor:pointer}.studio-landing button:focus-visible{outline:3px solid #f59e0b;outline-offset:5px}.studio-landing h1,.studio-landing h2,.studio-landing h3,.studio-landing p{margin:0}.studio-landing h2{font-size:clamp(30px,3.25vw,45px);line-height:1.2;letter-spacing:-.045em;font-weight:550}.studio-landing h3{letter-spacing:-.025em}.studio-landing .button{min-height:48px}.studio-landing .button:hover{transform:none}
.studio-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:64px;padding-top:70px;padding-bottom:65px}.studio-kicker{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:650;letter-spacing:-.03em}.studio-kicker>span{display:grid;place-items:center;background:#dce9ff;color:var(--studio-blue);width:34px;height:34px;border-radius:10px;font-size:27px}.studio-hero .studio-eyebrow{color:var(--studio-muted);font-size:14px;line-height:1.6;margin-top:24px}.studio-hero h1{font-size:clamp(40px,4.4vw,62px);letter-spacing:-.055em;line-height:1.15;margin-top:14px;font-weight:580}.studio-hero .studio-intro{font-size:17px;line-height:1.8;color:var(--studio-muted);max-width:520px;margin-top:24px}.studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}.studio-inline-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600;line-height:1.6;min-height:44px}.studio-inline-link>span{transition:transform .2s}.studio-inline-link:hover>span{transform:translateX(3px)}.studio-hero .studio-hero-note{font-size:12px;line-height:1.8;color:var(--studio-muted);margin-top:22px}
.studio-blueprint{position:relative;background-color:#eaf1ff;background-image:radial-gradient(#bccfeb .75px,transparent .75px);background-size:18px 18px;border:1px solid #cad9f2;border-radius:20px;padding:25px;box-shadow:0 24px 65px -40px #17489655;isolation:isolate;animation:none}.studio-blueprint-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#30486e}.studio-demo-badge{font-size:10px;padding:6px 8px;border:1px solid #c3d4ee;background:#f5f9ff;border-radius:5px;text-align:center}.studio-flow{max-width:290px;margin:28px auto 23px}.studio-node{display:flex;align-items:center;gap:14px;position:relative;background:#fff;border:1px solid #cbd9ee;border-radius:10px;padding:17px 18px;transition:transform .22s cubic-bezier(.16,1,.3,1)}.studio-node-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:8px;background:#eef4ff;color:var(--studio-blue);font-size:24px}.studio-node strong,.studio-node div>span{display:block}.studio-node strong{font-size:14px;font-weight:650}.studio-node div>span{font-size:11px;color:var(--studio-muted);margin-top:5px}.studio-node-check{margin-left:auto;color:#17613c;opacity:0;transition:opacity .2s}.studio-node.is-active{transform:translateX(5px)}.studio-node.is-complete .studio-node-check{opacity:1}.studio-connector{height:27px;width:2px;background:#bfd0ea;margin:auto;position:relative;overflow:hidden}.studio-connector>span{display:block;position:absolute;inset:0;background:var(--studio-blue);transform:translateY(-100%)}.studio-node.is-active+.studio-connector>span{animation:studio-flow-down .75s ease-in-out 1}.studio-node.is-complete+.studio-connector>span{transform:translateY(0)}.studio-demo-output{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border:1px solid #ccdaf0;background:#f6f9ff;border-radius:8px;min-height:66px}.studio-demo-output p{font-size:12px;line-height:1.65;color:#3c506e}.studio-status-dot{width:6px;height:6px;border-radius:50%;background:var(--studio-blue);flex:none;margin-top:7px}.studio-run{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:43px;background:#fff;color:#194a99;border:1px solid #c1d2ed;border-radius:7px;margin-top:12px;font-size:12px!important;font-weight:600!important;transition:background .2s}.studio-run:hover{background:#f4f8ff}.studio-run:disabled{cursor:wait;color:#53627b}.studio-blueprint .studio-demo-note{font-size:10px;text-align:center;color:#53627b;line-height:1.7;margin-top:12px}
.studio-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:25px 0;margin:0;border-block:1px solid var(--studio-line)}.studio-summary li{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;line-height:1.6}.studio-summary li>span{color:var(--studio-blue)}
.studio-explore{padding-top:96px;padding-bottom:90px;scroll-margin-top:20px}.studio-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.studio-section-heading>p{max-width:350px;font-size:15px;line-height:1.8;color:var(--studio-muted)}.studio-tabs{display:flex;gap:30px;border-bottom:1px solid var(--studio-line);margin:0!important;overflow-x:auto}.studio-tab{font-size:14px;font-weight:600;padding:17px 3px;white-space:nowrap;border-bottom:3px solid transparent;min-height:50px}.studio-tab[aria-selected=true]{color:var(--studio-blue);border-color:var(--studio-blue)}.studio-panel{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:48px;align-items:center;padding-top:36px;scroll-margin-top:120px}.studio-panel-copy .studio-panel-detail{font-size:11px;color:#53627b;line-height:1.8;margin-bottom:18px}.studio-panel-copy h3{font-size:29px;line-height:1.3;font-weight:550}.studio-panel-copy>p:not(.studio-panel-detail){font-size:15px;color:var(--studio-muted);line-height:1.85;margin-top:18px}.studio-panel-copy .studio-inline-link{margin-top:22px;color:var(--studio-blue)}.studio-screen{margin:0;padding:10px 10px 0;background:#eaf0f8;border:1px solid #d6e0ee;border-radius:12px;min-width:0}.studio-screen>a{display:block;border-radius:6px;overflow:hidden;background:#fff;cursor:zoom-in}.studio-screen img{display:block;width:100%;height:auto}.studio-screen figcaption{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.7;color:#53627b;padding:10px 3px}
.studio-control-section{background:#eaf0f8;border-block:1px solid #dce5f0;padding:65px 0}.studio-control-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:85px;align-items:center}.studio-control-emblem{display:block;font-size:45px;color:var(--studio-blue);margin-bottom:20px;line-height:1}.studio-control-intro{font-size:15px;line-height:1.85;color:var(--studio-muted);max-width:400px;margin-top:22px!important}.studio-control{display:flex;gap:18px;padding:24px 0;border-bottom:1px solid #ccd8e8;align-items:flex-start}.studio-control:first-child{padding-top:0}.studio-control:last-child{border:0;padding-bottom:0}.studio-control>span:last-child{margin-left:auto;font-size:18px}.studio-control-icon{font-size:22px;color:var(--studio-blue);width:26px;flex:none}.studio-control h3{font-size:17px;line-height:1.5;font-weight:600}.studio-control p{font-size:14px;color:var(--studio-muted);line-height:1.75;margin-top:7px}.studio-control:hover h3{text-decoration:underline;text-underline-offset:4px}
.studio-journey{padding-top:84px;padding-bottom:84px}.studio-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:0;margin:38px 0 0;counter-reset:step}.studio-steps li{border-top:1px solid var(--studio-line);padding-top:24px}.studio-step-number{font-size:13px;color:var(--studio-blue);font-weight:600}.studio-steps h3{font-size:19px;font-weight:600;line-height:1.5;margin-top:16px}.studio-steps p{font-size:14px;line-height:1.8;color:var(--studio-muted);margin-top:10px;max-width:320px}.studio-closing-inner{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:48px;background:#142745;border-radius:16px;color:white}.studio-closing h2{font-size:clamp(28px,3vw,38px)}.studio-closing p{font-size:14px;line-height:1.8;color:#c3cfe3;margin-top:20px;max-width:480px}.studio-closing-actions{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:12px}.studio-closing-actions .studio-inline-link{color:#d6e5ff}.studio-closing-actions .studio-inline-link:hover{color:#fff}
@media(max-width:1050px){.studio-hero{gap:30px}.studio-blueprint{padding:20px}.studio-section-heading{gap:30px}.studio-section-heading>p{max-width:280px}.studio-panel{gap:28px}.studio-control-layout{gap:40px}.studio-closing-inner{padding:35px;gap:30px}.studio-closing-actions{flex-shrink:1}}
@media(max-width:760px){.studio-hero{grid-template-columns:1fr;gap:36px;padding-top:38px;padding-bottom:36px}.studio-hero h1{font-size:clamp(38px,7.5vw,56px)}.studio-hero .studio-intro{font-size:16px}.studio-blueprint{width:100%;max-width:520px;justify-self:center}.studio-flow{max-width:340px}.studio-summary{grid-template-columns:1fr;gap:12px;padding:22px 0}.studio-summary li{justify-content:flex-start}.studio-explore{padding-top:55px;padding-bottom:50px}.studio-section-heading{display:block;margin-bottom:22px}.studio-section-heading>p{max-width:500px;margin-top:20px}.studio-tabs{gap:24px}.studio-panel{grid-template-columns:1fr;gap:24px;padding-top:26px}.studio-panel-copy h3{font-size:27px}.studio-panel-copy .studio-panel-detail{margin-bottom:10px}.studio-panel-copy>p:not(.studio-panel-detail){margin-top:12px}.studio-panel-copy .studio-inline-link{margin-top:10px}.studio-control-section{padding:42px 0}.studio-control-layout{grid-template-columns:1fr;gap:30px}.studio-control-intro{max-width:none}.studio-control-emblem{font-size:36px}.studio-journey{padding-top:50px;padding-bottom:50px}.studio-steps{grid-template-columns:1fr;gap:24px;margin-top:26px}.studio-steps li{padding-top:18px}.studio-steps h3{margin-top:10px}.studio-steps p{max-width:none}.studio-closing-inner{flex-direction:column;align-items:flex-start;padding:28px;gap:25px}.studio-closing-actions{width:100%}.studio-screen{padding:6px 6px 0}.studio-screen figcaption{font-size:10px}.studio-tab{display:block!important}.studio-actions{gap:12px 20px}.studio-demo-output{min-height:65px}}
/* Motion system: iart-ai micro-interaction, svg-animation, 60fps-animation,
   accessible-animation. State changes use compositor transforms and opacity. */
.studio-node::after{content:"";position:absolute;inset:-1px;border:1px solid var(--studio-blue);border-radius:inherit;box-shadow:0 0 0 4px #0759ed0c;opacity:0;pointer-events:none;transition:opacity .2s ease-out}
.studio-node.is-active::after{opacity:1}.studio-node-icon svg{width:23px;height:23px}
.studio-connector{width:12px;background:none;overflow:visible}.studio-connector::before{content:"";position:absolute;width:2px;height:100%;left:5px;background:#bfd0ea}.studio-connector>span{inset:0 5px;transform:scaleY(0);transform-origin:top}.studio-node.is-active+.studio-connector>span{animation:none}.studio-node.is-complete+.studio-connector>span{transform:scaleY(1)}
.studio-packet{position:absolute;left:0;top:-6px;width:12px;height:12px;color:var(--studio-blue);opacity:0}
.studio-demo-output{position:relative;overflow:hidden}.studio-demo-progress{position:absolute;height:3px;inset:auto 0 0;background:#dbe7fa}.studio-demo-progress>span{display:block;width:100%;height:100%;background:var(--studio-blue);transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.16,1,.3,1)}
.studio-tabs{position:relative}.studio-tabs.has-motion-indicator .studio-tab[aria-selected=true]{border-color:transparent}.studio-tab-indicator{position:absolute;left:0;bottom:0;width:1px;height:3px;background:var(--studio-blue);transform-origin:left;pointer-events:none}
.studio-run,.studio-landing .button{transition:transform .15s cubic-bezier(.16,1,.3,1)}.studio-run:active:not(:disabled),.studio-landing .button:active{transform:scale(.97)}.studio-run-symbol{display:inline-block}.studio-run.is-complete .studio-run-symbol{color:#17613c}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.studio-landing .button:hover{transform:translateY(-2px)}.studio-run:hover:not(:disabled){transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.studio-node,.studio-run,.studio-landing .button,.studio-demo-progress>span{transition:none}.studio-node.is-active,.studio-run:active:not(:disabled),.studio-landing .button:active,.studio-inline-link:hover>span{transform:none}.studio-node::after,.studio-node-check{transition:opacity .12s ease-out}.studio-packet{display:none}}
/* Shared visual direction with the xDev build space. */
.studio-hero{gap:70px;padding-top:70px;padding-bottom:75px}.studio-hero h1{font-size:clamp(43px,4.8vw,68px);font-weight:520;letter-spacing:-.06em;line-height:1.09}.studio-hero .studio-eyebrow{font-size:12px}.studio-hero .studio-intro{font-size:16px}.studio-blueprint{background-color:#102544;background-image:radial-gradient(#759bd933 .8px,transparent .8px);border-color:#29456b;color:#fff;padding:28px;box-shadow:0 28px 50px -32px #16376366}.studio-blueprint-top{color:#bfd2ef}.studio-demo-badge{background:#1b3659;border-color:#3c587c;color:#c4d7f2}.studio-flow{max-width:310px;margin-top:32px;margin-bottom:28px}.studio-node{background:#f8fbff;border-color:#d4e1f4;padding:19px 18px;color:#17243d}.studio-node::after{border-color:#7dbaff;box-shadow:0 0 0 4px #79baff20}.studio-connector{height:32px}.studio-connector::before{background:#6282ad}.studio-connector>span{background:#8fcaff}.studio-packet{color:#a2ddff}.studio-demo-output{background:#193353;border-color:#365378}.studio-demo-output p{color:#d9e7f9}.studio-status-dot{background:#8bc4ff}.studio-demo-progress{background:#2d486d}.studio-demo-progress>span{background:#8fcaff}.studio-run{background:#e6f1ff;border-color:#e6f1ff;color:#173865}.studio-run:hover{background:#fff}.studio-blueprint .studio-demo-note{color:#aec4e0}.studio-run:disabled{color:#526783}.studio-section-heading h2{font-weight:500;letter-spacing:-.055em}.studio-explore{padding-top:100px}.studio-panel{gap:55px;padding-top:40px}.studio-panel-copy h3{font-weight:500;font-size:31px}.studio-screen{background:#102544;border-color:#2b476e;padding:12px 12px 0;border-radius:14px;box-shadow:0 16px 40px -28px #163c74}.studio-screen figcaption{color:#b6cbe7}.studio-control-section{background:#edf2fa}.studio-closing-inner{background:#102544}
@media(max-width:1050px){.studio-hero{gap:30px}.studio-panel{gap:30px}.studio-blueprint{padding:22px}}
@media(max-width:760px){.studio-hero{gap:35px;padding-top:36px;padding-bottom:40px}.studio-hero h1{font-size:clamp(39px,8.5vw,56px)}.studio-blueprint{padding:22px}.studio-explore{padding-top:55px}.studio-panel{padding-top:28px;gap:24px}.studio-panel-copy h3{font-size:27px}.studio-screen{padding:7px 7px 0}}
.studio-catalog-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#0759ed}.studio-feature-catalog,.studio-video{padding-top:70px;padding-bottom:30px}.feature-group{border-top:1px solid #dbe3ef;padding:20px 0}.feature-group summary{cursor:pointer;font-size:22px;font-weight:550;line-height:1.5}.feature-group summary>span{font-size:13px;font-weight:400;color:#586a83;margin-left:16px}.feature-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 30px;margin-top:16px}.feature-items>a{position:relative;padding:18px 24px 18px 0;border-bottom:1px solid #e3e9f2}.feature-items h4{font-size:15px;font-weight:600;line-height:1.5;margin:0 0 8px}.feature-items p{font-size:13px;line-height:1.75;color:#586a83;margin:0}.feature-items>a>span{position:absolute;right:0;top:18px;color:#0759ed}.feature-items>a:hover h4{color:#0759ed}.studio-video-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.studio-video video{width:100%;aspect-ratio:16/9;background:#142745;border-radius:10px}.studio-video nav h3{margin:0 0 15px;font-size:17px}.studio-video ol{list-style:none;padding:0;margin:0}.studio-video li{margin:0 0 5px}.studio-video button{display:flex;gap:12px;text-align:left;align-items:baseline;background:none;border:0;padding:11px 8px;width:100%;font:inherit;font-size:13px;line-height:1.5;color:#253955;cursor:pointer;border-radius:6px}.studio-video button[hidden]{display:none}.studio-video button:hover{background:#e2edff}.studio-video button span{font-variant-numeric:tabular-nums;color:#0759ed}.studio-video-links{display:flex;gap:25px;margin:18px 0;font-size:13px;color:#0759ed}.video-transcript{border-top:1px solid #dbe3ef;padding-top:18px}.video-transcript summary{cursor:pointer;font-size:14px;font-weight:600}.video-transcript section{max-width:780px}.video-transcript h4{font-size:15px;margin:24px 0 8px}.video-transcript p{font-size:14px;color:#586a83;line-height:1.8}.studio-feature-catalog a:focus-visible,.studio-video button:focus-visible,.studio-video summary:focus-visible{outline:2px solid #0759ed;outline-offset:3px}@media(max-width:850px){.feature-items{grid-template-columns:1fr 1fr}.studio-video-layout{grid-template-columns:1fr}.studio-video nav ol{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:500px){.feature-items,.studio-video nav ol{grid-template-columns:1fr}.feature-group summary{font-size:20px}.studio-feature-catalog,.studio-video{padding-top:45px}.studio-video-links{flex-wrap:wrap;gap:14px}}
.studio-video-layout>nav{display:block;min-width:0}.studio-video-layout>nav ol{width:100%}
.workflow-scenario{margin-top:22px;padding-bottom:16px;border-bottom:1px solid #355071}.workflow-scenario label,.workflow-input-label{font-size:11px;color:#abc5e9;display:block;margin:0 0 8px}.workflow-scenario select{width:100%;min-height:40px;background:#1b3659;color:#f2f7ff;border:1px solid #537199;border-radius:7px;padding:9px 12px;font:inherit;font-size:13px}.workflow-scenario .workflow-input-label{margin-top:16px}.workflow-scenario [data-sample-input]{font-size:13px;line-height:1.7;color:#e0ebfb;margin:0;min-height:44px}.studio-blueprint .studio-flow{max-width:none;margin:20px 0}.studio-blueprint .studio-node{padding:10px 12px;gap:10px}.studio-blueprint .studio-node-icon{width:29px;height:29px}.studio-blueprint .studio-node-icon svg{width:19px;height:19px}.studio-blueprint .studio-node strong{font-size:12px}.studio-blueprint .studio-node div>span{font-size:10px;line-height:1.5;margin-top:3px}.studio-blueprint .studio-connector{height:15px}.workflow-result{padding:13px 15px;margin-bottom:14px;border:1px solid #50765f;background:#183b35;border-radius:8px}.workflow-result strong{font-size:11px;color:#b5eed1}.workflow-result p{font-size:12px;line-height:1.7;color:#e0f4e9;margin:7px 0 0}.studio-hero{align-items:center}.studio-booking{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding-top:75px;padding-bottom:75px;border-top:1px solid #dbe3ef;scroll-margin-top:110px}.studio-booking h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;font-weight:500;letter-spacing:-.045em;margin:18px 0}.studio-booking p,.studio-booking li{font-size:15px;line-height:1.85;color:#536984}.studio-booking ul{padding-left:20px;margin-top:24px}.studio-booking li{margin:10px 0}.studio-booking-contact{align-self:center;padding:32px;background:#edf3ff;border:1px solid #d3e0f4;border-radius:14px}.studio-booking-contact h3{font-size:23px;margin:0 0 16px;font-weight:550}.studio-booking-contact .button{margin-top:24px;white-space:normal;text-align:center;line-height:1.5}.workflow-scenario select:focus-visible{outline:2px solid #96c9ff;outline-offset:3px}@media(max-width:760px){.studio-booking{grid-template-columns:1fr;gap:24px;padding-top:45px;padding-bottom:45px}.studio-booking-contact{padding:24px}.studio-blueprint{max-width:540px}} 
/* A wide workflow canvas, with controls outside the 16:9 drawing surface. */
.studio-hero{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:55px}.studio-hero-copy{max-width:860px}.studio-hero .studio-intro{max-width:690px}.studio-hero h1{font-size:clamp(42px,5.3vw,70px)}.studio-blueprint{width:100%;max-width:none;padding:0;overflow:hidden;border-radius:16px;background-image:none}.studio-blueprint-top{padding:18px 24px;border-bottom:1px solid #355071}.workflow-scenario{display:grid;grid-template-columns:230px minmax(0,1fr);gap:8px 25px;margin:0;padding:18px 24px;border-bottom:1px solid #355071}.workflow-scenario label{grid-column:1;grid-row:1}.workflow-scenario select{grid-column:1;grid-row:2}.workflow-scenario .workflow-input-label{grid-column:2;grid-row:1;margin:0}.workflow-scenario [data-sample-input]{grid-column:2;grid-row:2;min-height:0;align-self:center}.workflow-viewport{overflow-x:auto;outline-offset:-4px}.workflow-canvas{position:relative;aspect-ratio:16/9;width:100%;min-width:680px;container-type:inline-size;background-color:#102544;background-image:radial-gradient(#759bd940 1px,transparent 1px);background-size:22px 22px}.workflow-wires{position:absolute;inset:0;width:100%;height:100%;color:#6b91bf;pointer-events:none}.workflow-wires>path{stroke:#6b91bf;stroke-width:2;transition:stroke .2s}.workflow-wires>path.is-traversed{stroke:#95e3c0}.workflow-wires>path.workflow-return{stroke-dasharray:5 6;stroke:#426185}.workflow-canvas .studio-flow{margin:0;position:absolute;inset:0;max-width:none}.workflow-canvas .studio-node{position:absolute;width:22%;height:18%;padding:1.4cqw;gap:1cqw;box-shadow:0 8px 25px #0002;border-radius:10px;transform:none}.workflow-canvas .studio-node::before{content:'';position:absolute;left:-5px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#85b7ff;border:2px solid #eef4ff}.workflow-canvas .studio-node::after{inset:-2px}.workflow-canvas .studio-node strong{font-size:1.35cqw;line-height:1.4}.workflow-canvas .studio-node div>span{font-size:1.05cqw;line-height:1.6;margin-top:.5cqw}.workflow-canvas .studio-node-icon{width:3cqw;height:3cqw;min-width:3cqw}.workflow-canvas .studio-node-icon svg{width:2cqw;height:2cqw}.workflow-canvas .studio-node-check{font-size:1.3cqw;position:absolute;right:8px;top:6px}.workflow-canvas [data-node="0"]{left:7%;top:22%}.workflow-canvas [data-node="1"]{left:39%;top:22%}.workflow-canvas [data-node="2"]{left:71%;top:22%}.workflow-canvas [data-node="3"]{left:71%;top:62%}.workflow-canvas [data-node="4"]{left:39%;top:62%}.workflow-canvas [data-node="5"]{left:7%;top:62%}.workflow-canvas-caption{position:absolute;left:7%;top:8%;font-size:1.2cqw;color:#b7cbe7}.workflow-return-label{position:absolute;right:4%;top:48%;font-size:1cqw;color:#96b0d2}.workflow-canvas-stamp{position:absolute;bottom:6%;left:7%;font-size:1.1cqw;color:#829bbd}.studio-blueprint .studio-demo-output{margin:20px 24px 0;min-height:54px}.studio-blueprint .studio-run{width:auto;min-width:220px;margin:14px 24px}.studio-blueprint .studio-demo-note{text-align:left;margin:0;padding:0 24px 20px}.studio-blueprint .workflow-result{margin:20px 24px 0}.studio-blueprint .studio-connector{display:none}@media(max-width:760px){.studio-hero{padding-top:35px}.workflow-scenario{grid-template-columns:1fr;padding:16px}.workflow-scenario label,.workflow-scenario select,.workflow-scenario .workflow-input-label,.workflow-scenario [data-sample-input]{grid-column:1;grid-row:auto}.workflow-scenario .workflow-input-label{margin-top:8px}.studio-blueprint-top{padding:16px;flex-wrap:wrap}.studio-blueprint .studio-demo-output,.studio-blueprint .workflow-result{margin:16px 16px 0}.studio-blueprint .studio-run{margin:12px 16px;min-width:0;width:calc(100% - 32px)}.studio-blueprint .studio-demo-note{padding:0 16px 16px}}@media(prefers-reduced-motion:reduce){.workflow-wires>path{transition:none}}
.workflow-pan-hint{display:none}@media(max-width:760px){.workflow-pan-hint{display:block;margin:0;padding:12px 16px 0;font-size:11px;color:#b7cbe7}}
.workflow-data-particle{fill:#b8f6ff;stroke:#53b7ff;stroke-width:2;filter:drop-shadow(0 0 5px #69d9ff);pointer-events:none}.workflow-pause{display:block;margin:12px 24px 16px;padding:8px 12px;font:inherit;font-size:12px;color:#c2d8f5;background:#1b3659;border:1px solid #547197;border-radius:6px;cursor:pointer}.workflow-pause[hidden]{display:none}.workflow-pause:focus-visible{outline:2px solid #a6d8ff;outline-offset:3px}.workflow-result{min-height:88px}.studio-blueprint [data-workflow-result][hidden]{display:block;visibility:hidden}.workflow-canvas .studio-node.is-active{box-shadow:0 0 0 3px #6bc8ff55,0 8px 25px #0002}@media(max-width:760px){.workflow-pause{margin-left:16px}}
.studio-product-logo{display:block;width:180px;height:88px;object-fit:contain;object-position:left}

.studio-story{padding-top:70px;padding-bottom:70px;scroll-margin-top:100px}.studio-story video{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--line);background:#f7f9fc}.story-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.story-chapters button{font:inherit;text-align:left;line-height:1.5;font-size:13px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:14px;cursor:pointer}.story-chapters button:hover{border-color:var(--blue);background:#edf4ff}.story-chapters span{display:block;color:var(--blue);font-size:11px;margin-bottom:5px}.story-meta,.story-transcript{font-size:13px;color:var(--muted);line-height:1.8}.story-meta a{color:var(--blue)}.story-transcript summary{cursor:pointer;padding:10px 0}.story-transcript section{max-width:820px}.story-transcript h4{color:var(--ink)}@media(max-width:600px){.story-chapters{grid-template-columns:1fr 1fr}.studio-story{padding-top:40px;padding-bottom:40px}}

.story-index{margin:18px 0;border:1px solid var(--line);border-radius:10px;padding:14px 18px;background:white}.story-index>summary{cursor:pointer;font-size:14px;color:var(--ink);font-weight:550}.story-index .story-chapters{margin-top:14px}