/* Small, illustrative workflow cards. No data-entry controls or remote calls. */
.workflow-trigger{appearance:none;border:0;background:none;padding:0;color:inherit;text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit;display:inline-flex;align-items:center;gap:10px;min-height:36px;cursor:pointer}
.workflow-trigger:disabled{cursor:default;opacity:1}
.workflow-trigger>span{font-size:18px;color:var(--coral);opacity:0;transform:translate(-4px,4px);transition:opacity .2s,transform .2s}
.workflow-trigger:disabled>span{display:none}
.workflow-step-copy{position:static}
.steps article[data-workflow-step]:hover .workflow-trigger>span,.workflow-trigger:focus-visible>span,.workflow-trigger[aria-expanded=true]>span{opacity:1;transform:none}
.workflow-trigger:focus-visible{outline:2px solid #9470aa;outline-offset:6px;border-radius:3px}
.workflow-trigger[aria-expanded=true]{color:var(--plum)}
.workflow-hint{margin-top:26px;font-size:10px;letter-spacing:.2px;color:#94839d;display:flex;align-items:center;gap:8px}
.workflow-hint>span{font-size:15px;color:#bc856f}
.workflow-hint[hidden],.workflow-preview[hidden],.workflow-panel[hidden]{display:none!important}
.workflow-preview{--workflow-paper:#fdfbf7;position:fixed;left:0;top:0;width:min(424px,calc(100vw - 32px));z-index:90;isolation:isolate;will-change:transform;filter:drop-shadow(0 15px 24px #42295115);font-family:var(--body);color:var(--plum);line-height:1.45;overflow-anchor:none}
.workflow-preview::before,.workflow-preview::after{content:'';position:absolute;inset:7px 3px -5px;border:1px solid #ded0df;border-radius:16px;background:#e7ddec;transform:rotate(-2.1deg);z-index:-1;pointer-events:none}
.workflow-preview::after{inset:2px -3px 0 5px;transform:rotate(1.3deg);background:#edcfb5;border-color:#e7c8ac;z-index:-2}
.workflow-preview-paper{position:relative;background:var(--workflow-paper);border:1px solid #fff;border-radius:15px;padding:19px 20px 10px;box-shadow:0 7px 20px #43235710,0 1px 0 #ffffff inset}
.workflow-close{position:absolute;top:6px;right:5px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#8d7798;font:24px/1 var(--body);z-index:2;display:grid;place-items:center;cursor:pointer}
.workflow-close:hover{background:#ece3ef;color:var(--plum)}
.workflow-close:focus-visible{outline:2px solid #9470aa;outline-offset:1px}
.workflow-card-top{display:flex;align-items:center;gap:8px;padding-right:22px;justify-content:space-between}
.workflow-kicker{font-size:7px;letter-spacing:1px;font-weight:600;color:#887193}
.workflow-example{font-size:6px;letter-spacing:.8px;color:#9b829f;border:1px solid #e3d8e6;padding:3px 5px;border-radius:4px}
.workflow-preview h4{font-size:21px;letter-spacing:-.7px;font-weight:500;line-height:1.2;margin-top:12px;color:var(--plum)}
.workflow-progress{display:flex;align-items:center;gap:7px;font-size:7px;color:#a497aa;margin-top:11px;margin-bottom:10px}
.workflow-progress span{white-space:nowrap}
.workflow-progress i{height:1px;flex:1;background:#e0d4e5}
.workflow-progress-active{color:#76508b;font-weight:600;display:inline-flex;gap:5px;align-items:center}
.workflow-progress-active:before{content:'';width:4px;height:4px;background:var(--coral);border-radius:50%}
.workflow-form-example{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.workflow-field{min-width:0;border:1px solid #e7deea;border-radius:8px;background:#fffefa;padding:6px 9px}
.workflow-field>span{display:block;font-size:8px;color:#8b7399;white-space:nowrap}
.workflow-field b{color:var(--coral);font-size:9px;font-weight:400}
.workflow-field em{font-style:normal;font-size:7px;color:#ac9cb5}
.workflow-type{display:block;font-size:10px;font-weight:500;white-space:nowrap;margin-top:5px;color:#705480;overflow:hidden}
.workflow-type small{float:right;color:#987caa;font-size:10px}
.workflow-placeholder{color:#b9aabf;font-weight:400}
.workflow-form-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:7px;color:#9e8aa8}
.workflow-form-footer>span:first-child{display:flex;align-items:center;gap:4px}
.workflow-form-footer i{font-style:normal;color:#8c9c68}
.workflow-faux-button{background:#eaddcf;border:1px solid #e6d1c1;color:#95654f;border-radius:5px;padding:7px 9px;white-space:nowrap}
.workflow-faux-button b{margin-left:9px;font-size:10px;font-weight:400}
.workflow-preview .workflow-disclosure{margin-top:13px;padding-top:9px;border-top:1px solid #e9e1e8;font-size:7px;color:#a391ab;letter-spacing:.1px}
.workflow-generation{display:flex;align-items:center;gap:9px;margin:15px 0 12px;padding:10px 11px;background:#f1ecf3;border:1px solid #e9e0ed;border-radius:9px}
.workflow-generation>div{min-width:0;flex:1}
.workflow-generation strong{display:block;color:#78588a;font-size:9px;font-weight:500}
.workflow-generation>div>span{display:block;color:#a28bab;font-size:7px;margin-top:3px}
.workflow-generation-dots{color:#ad8eba;font-size:10px;letter-spacing:2px}
.workflow-orb{width:25px;height:25px;position:relative;flex-shrink:0}
.workflow-orb i{position:absolute;inset:1px;border:1px solid #b195c2;border-radius:46% 54% 65% 35%/60% 44% 56% 40%}
.workflow-orb i:nth-child(2){transform:rotate(40deg);border-color:#cbabbd}
.workflow-orb i:nth-child(3){transform:rotate(95deg);inset:4px;border-color:#9b79af}
.workflow-orb i:nth-child(4){transform:rotate(155deg);inset:5px;border-color:#b3a0c1}
.workflow-generation-copy{display:inline-grid}.workflow-generation-copy>span{grid-area:1/1}.workflow-generating-word{display:none}
.workflow-prompt-list{display:grid;gap:7px}
.workflow-prompt{padding:9px 11px;border:1px solid #e5dce7;border-radius:8px;background:#fffefa;box-shadow:0 2px 6px #67457503}
.workflow-prompt>div{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:6px;letter-spacing:.8px;color:#a289ac}
.workflow-prompt b{font-size:7px;letter-spacing:0;font-weight:400;color:#c1afc8}
.workflow-prompt p{font-size:10px;line-height:1.5;color:#775b85;margin-top:4px;max-width:310px}
.workflow-prompt-footer{display:flex;align-items:center;gap:5px;margin-top:11px;font-size:8px;color:#8d7998}
.workflow-ready-dot{width:5px;height:5px;background:#a8b786;border-radius:50%}
.workflow-metric{display:flex;align-items:center;gap:13px;margin-top:15px}
.workflow-metric>div:first-child{flex-shrink:0}
.workflow-metric strong{font-size:35px;line-height:1;letter-spacing:-1.2px;font-weight:500;color:#725087}
.workflow-metric strong>span{font-size:20px;margin-left:1px}
.workflow-metric p{font-size:8px;color:#95809f;margin-top:5px}
.workflow-metric>span{font-size:8px;line-height:1.6;color:#a18cab;border-left:1px solid #dfd2e5;padding-left:12px}
.workflow-mini-bars{margin-left:auto;display:flex;gap:5px;align-items:flex-end;height:40px;width:53px;padding-bottom:3px}
.workflow-mini-bars i{height:var(--bar);width:9px;background:#d2c0df;border-radius:3px 3px 0 0;transform-origin:bottom}
.workflow-mini-bars i:nth-child(2){background:#e7b698}.workflow-mini-bars i:nth-child(3){background:#c2d09f}.workflow-mini-bars i:nth-child(4){background:#a98eba}
.workflow-chart{padding:12px 11px 7px;background:#fffefa;border:1px solid #e7dfe9;border-radius:9px;margin-top:14px;overflow:hidden}
.workflow-chart>div:first-child,.workflow-chart-axis{display:flex;justify-content:space-between;gap:10px;font-size:6px;letter-spacing:.8px;color:#947a9f}
.workflow-chart>div:first-child>span:last-child{color:#baa9c0;font-size:5px}
.workflow-chart svg{display:block;width:100%;height:83px;overflow:visible;margin-top:7px}
.workflow-chart-grid{fill:none;stroke:#ece5ee;stroke-width:.8;stroke-dasharray:3 4}
.workflow-chart-line{fill:none;stroke:#9870b0;stroke-width:2.2;stroke-linecap:round}
.workflow-chart-secondary{fill:none;stroke:#dca88d;stroke-width:1.5;stroke-linecap:round}
.workflow-chart-dot{fill:#9870b0;stroke:#fffefa;stroke-width:1.8}
.workflow-chart-axis{font-size:6px;letter-spacing:0;color:#b3a1bc;margin-top:2px}
.workflow-sentiment{margin-top:13px}
.workflow-sentiment>div:first-child{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.7px;color:#9b85a4}
.workflow-sentiment strong{font-size:8px;color:#839064;font-weight:500;letter-spacing:0}
.workflow-sentiment-track{display:flex;gap:3px;height:6px;margin-top:7px;border-radius:3px;overflow:hidden;transform-origin:left}
.workflow-sentiment-track i:nth-child(1){width:72%;background:#becd9e}.workflow-sentiment-track i:nth-child(2){width:19%;background:#dacde2}.workflow-sentiment-track i:nth-child(3){width:9%;background:#e8b295}
.workflow-sentiment p{display:flex;gap:13px;font-size:6px;color:#ac9ab4;margin-top:6px}
.workflow-sentiment p>span{display:flex;align-items:center;gap:4px}
.workflow-sentiment p i{width:3px;height:3px;border-radius:50%;background:#becd9e}.workflow-sentiment p>span:nth-child(2) i{background:#dacde2}.workflow-sentiment p>span:nth-child(3) i{background:#e8b295}
/* Each example plays once on entry, ending in under five seconds. */
.workflow-preview.is-playing .workflow-type{animation:workflow-type-in .75s steps(22,end) both;animation-delay:calc(var(--field)*.22s + .15s)}
.workflow-preview.is-playing .workflow-field{animation:workflow-field-focus .8s ease both;animation-delay:calc(var(--field)*.22s + .1s)}
.workflow-preview.is-playing .workflow-form-footer{animation:workflow-reveal .5s ease 1.8s both}
.workflow-preview.is-playing .workflow-orb{animation:workflow-orbit 3.8s ease-in-out both}
.workflow-preview.is-playing .workflow-prompt{animation:workflow-prompt-in .85s ease both;animation-delay:calc(var(--prompt)*.65s + .25s)}
.workflow-preview.is-playing .workflow-prompt p{animation:workflow-type-in .85s steps(32,end) both;animation-delay:calc(var(--prompt)*.65s + .4s)}
.workflow-preview.is-playing .workflow-prompt-footer{animation:workflow-reveal .5s ease 2.5s both}
.workflow-preview.is-playing .workflow-generated-word{animation:workflow-ready 2.5s step-end both}
.workflow-preview.is-playing .workflow-generating-word{display:block;animation:workflow-generating 2.5s step-end forwards}
.workflow-preview.is-playing .workflow-mini-bars i{animation:workflow-grow 1s ease both;animation-delay:calc(var(--i)*.12s + .2s)}
.workflow-preview.is-playing .workflow-chart-line{animation:workflow-line 1.8s ease .15s both}
.workflow-preview.is-playing .workflow-chart-fill,.workflow-preview.is-playing .workflow-chart-secondary{animation:workflow-reveal 1.5s ease .4s both}
.workflow-preview.is-playing .workflow-chart-dot{animation:workflow-reveal .4s ease 1.7s both}
.workflow-preview.is-playing .workflow-sentiment-track{animation:workflow-expand 1.15s ease .9s both}
@keyframes workflow-type-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes workflow-field-focus{0%,65%{border-color:#c3a6d0;box-shadow:0 0 0 2px #d2bdde25}100%{border-color:#e7deea;box-shadow:none}}
@keyframes workflow-reveal{from{opacity:0}to{opacity:1}}
@keyframes workflow-prompt-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes workflow-orbit{from{transform:rotate(0)}to{transform:rotate(260deg)}}
@keyframes workflow-grow{from{transform:scaleY(.06)}to{transform:scaleY(1)}}
@keyframes workflow-expand{from{transform:scaleX(.06)}to{transform:scaleX(1)}}
@keyframes workflow-line{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes workflow-generating{0%,99.9%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes workflow-ready{0%,99.9%{opacity:0}100%{opacity:1}}
.workflow-preview.is-inline{position:relative;left:auto;top:auto;transform:none!important;margin-top:22px;max-width:424px;width:100%;z-index:2;will-change:auto}
@media(max-width:760px){.workflow-step-copy{position:static}.workflow-trigger{min-height:44px}.workflow-trigger>span{opacity:.65;transform:none;font-size:17px}.workflow-hint{font-size:9px;margin-top:22px}.workflow-preview.is-inline{margin-left:-52px;width:calc(100% + 52px);margin-bottom:12px}.workflow-preview-paper{padding:23px 18px 12px}.workflow-close{width:44px;height:44px;right:0;top:0}.workflow-card-top{padding-right:20px}.workflow-preview h4{font-size:21px}.workflow-field{padding:9px 8px}.workflow-type{font-size:9px}.workflow-form-footer{font-size:6px}.workflow-faux-button{padding:7px}.workflow-prompt p{font-size:10px}}
@media(max-width:350px){.workflow-preview-paper{padding-inline:14px}.workflow-kicker{font-size:6px;letter-spacing:.65px}.workflow-progress{font-size:6px;gap:5px}.workflow-field>span{font-size:7px}.workflow-field em{font-size:6px}.workflow-type{font-size:8px}.workflow-form-footer>span:first-child{max-width:100px}.workflow-card-top{gap:3px}.workflow-example{font-size:5px;padding:3px}.workflow-metric{gap:9px}.workflow-metric>span{font-size:7px;padding-left:9px}.workflow-sentiment p{gap:8px}}
@media(prefers-reduced-motion:reduce){.workflow-trigger>span{transition:none}.workflow-preview,.workflow-preview *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.workflow-preview.is-playing .workflow-generation-copy{display:inline-grid}.workflow-generation-copy>span{grid-area:1/1}.workflow-generating-word{display:none}.workflow-generated-word{display:inline!important}}