.workflow-progress-node{position:relative;display:flex;align-items:center;gap:16px;min-height:96px;padding:18px 22px;border:1px solid var(--ai-stroke);border-radius:12px;background:hsl(var(--background))}.workflow-progress-node__outline{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}.workflow-progress-node__outline rect{fill:none;stroke:transparent;stroke-width:1.5}.workflow-progress-node[data-status=running] .workflow-progress-node__outline rect{stroke:var(--ai-focus);stroke-dasharray:.28 .72;animation:workflow-node-trace 1.2s linear infinite}.workflow-progress-node[data-status=complete] .workflow-progress-node__outline rect{stroke:var(--ai-success)}.workflow-progress-node__icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--ai-stroke);border-radius:var(--studio-control-radius);color:var(--ai-muted)}.workflow-progress-node__icon svg{width:18px;height:18px}.workflow-progress-node[data-status=complete] .workflow-progress-node__icon{color:var(--ai-success);border-color:color-mix(in srgb,var(--ai-success) 25%,transparent);background:color-mix(in srgb,var(--ai-success) 7%,transparent)}.workflow-progress-node small,.workflow-progress-node strong,.workflow-progress-node div>span{display:block}.workflow-progress-node small,.workflow-progress-node div>span{color:var(--ai-muted);font-size:var(--studio-detail, 12px);line-height:1.5}.workflow-progress-node strong{margin:2px 0 4px;font-weight:500;font-size:var(--studio-caption, 14px);line-height:1.5}@keyframes workflow-node-trace{to{stroke-dashoffset:-1}}@media(prefers-reduced-motion:reduce){.workflow-progress-node[data-status=running] .workflow-progress-node__outline rect{animation:none;stroke-dasharray:none}}.ai-action-demo{width:min(100%,890px);margin:24px auto 0}.ai-action-demo__command{display:flex;align-items:center;gap:15px;padding:19px 22px;max-width:650px;margin:0 auto 22px;background:var(--ai-panel);border:1px solid var(--ai-stroke);border-radius:var(--ai-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-ai-window)}.ai-action-demo__command>svg{width:17px;margin-left:auto;color:var(--ai-muted)}.ai-action-demo__command-icon{display:grid;place-items:center;width:30px;height:30px;color:var(--ai-focus);background:var(--ai-raised);border-radius:var(--studio-control-radius);flex:none}.ai-action-demo__command-icon svg{width:18px;height:18px}.ai-action-demo__layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:26px}.ai-action-demo__details{padding:24px}.ai-action-demo__details h3{font-size:var(--studio-question, 19px);line-height:1.4;font-weight:500;margin:0 0 20px}.ai-action-demo__details dl{margin:0;display:grid;gap:14px;font-size:var(--studio-label, 13px);line-height:1.5}.ai-action-demo__details dl>div{display:flex;justify-content:space-between;gap:12px}.ai-action-demo__details dt{color:var(--ai-muted)}.ai-action-demo__details dd{margin:0;text-align:right}.ai-action-demo__approval{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--ai-stroke);min-height:54px}.ai-action-demo__approval>span{display:flex;align-items:center;gap:8px;flex:1;font-size:var(--studio-detail, 12px);line-height:1.5}.ai-action-demo__approval>span svg{width:16px;flex:none}.ai-action-demo__vehicle{position:relative;padding:26px;background:var(--ai-panel);border:1px solid var(--ai-stroke);border-radius:var(--ai-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-ai-window)}.ai-action-demo__vehicle:before{content:"";position:absolute;left:-27px;top:50%;width:26px;height:1px;background:var(--studio-stroke)}.ai-action-demo__vehicle-heading{display:flex;align-items:center;gap:14px}.ai-action-demo__vehicle-heading strong{display:block;font-size:var(--studio-question, 19px);line-height:1.4;font-weight:500}.ai-action-demo__vehicle-heading span{color:var(--ai-muted);font-size:var(--studio-label, 13px);line-height:1.5}.ai-action-demo__car{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--ai-stroke);border-radius:var(--studio-tab-radius)}.ai-action-demo__car svg{width:28px;height:28px}.ai-action-demo__vehicle-rule{height:1px;background:var(--ai-stroke);margin:24px 0 20px}.ai-action-demo__vehicle>.ai-demo-muted{font-size:var(--studio-detail, 12px);line-height:1.5}.ai-action-demo__update{display:flex;align-items:center;gap:11px;margin-top:12px;padding:14px 0 0;transition:transform .4s var(--studio-ease)}.ai-action-demo__update>svg{width:20px;height:20px;color:var(--ai-muted);flex:none}.ai-action-demo__update small{display:block;margin-top:4px;color:var(--ai-muted);font-size:var(--studio-detail, 12px);line-height:1.5}.ai-action-demo__update .ai-action-demo__success{margin-left:auto;color:var(--ai-ink)}.ai-action-demo[data-approved=true] .ai-action-demo__vehicle{border-color:color-mix(in srgb,var(--ai-focus) 45%,var(--ai-stroke))}@media(max-width:760px){.ai-action-demo__layout{gap:16px}.ai-action-demo__vehicle{padding:20px}.ai-action-demo__vehicle:before{width:16px;left:-17px}.ai-action-demo__details{padding:20px}}@media(max-width:600px){.ai-action-demo{margin-top:24px}.ai-action-demo__command{padding:13px 15px;gap:10px;margin-bottom:16px}.ai-action-demo__layout{grid-template-columns:1fr;gap:16px}.ai-action-demo__request .ai-demo-frame__brand{display:none}.ai-action-demo__details{padding:18px}.ai-action-demo__details h3{font-size:var(--studio-caption, 14px);line-height:1.5}.ai-action-demo__details dl{gap:11px;font-size:var(--studio-detail, 12px);line-height:1.5}.ai-action-demo__vehicle{padding:16px;display:flex;align-items:center;gap:18px}.ai-action-demo__car,.ai-action-demo__vehicle-rule,.ai-action-demo__vehicle>.ai-demo-muted,.ai-action-demo__vehicle:before{display:none}.ai-action-demo__vehicle-heading strong{font-size:var(--studio-caption, 14px);line-height:1.5}.ai-action-demo__vehicle-heading span{font-size:var(--studio-detail, 12px);line-height:1.5}.ai-action-demo__update{margin:0;font-size:var(--studio-detail, 12px);line-height:1.5;border-left:1px solid var(--ai-stroke);padding:0 0 0 16px}.ai-action-demo__update>svg{display:none}}@media(prefers-reduced-motion:reduce){.ai-action-demo__update{transition:none}}.ai-action-demo[data-approved=true] .ai-action-demo__update{animation:ai-action-confirm .5s var(--studio-ease)}@keyframes ai-action-confirm{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ai-action-demo[data-approved=true] .ai-action-demo__update{animation:none}}.ai-action-demo__layout[data-ready=false]{opacity:0;transform:translateY(6px);pointer-events:none}.ai-action-demo__layout{transition:opacity .26s ease,transform .32s var(--studio-ease)}@media(prefers-reduced-motion:reduce){.ai-action-demo__layout{transition:none}}