.html-step-demo[data-v-0dff8cae]{min-height:100vh;padding:24px;background:linear-gradient(165deg,#f0f4ff,#fafbfc 45%,#fff)}.html-step-demo__head[data-v-0dff8cae]{margin-bottom:16px}.html-step-demo__title[data-v-0dff8cae]{margin:0 0 8px;font-size:22px;font-weight:600;color:#1a1a2e}.html-step-demo__desc[data-v-0dff8cae]{margin:0;color:#5c5f6e;max-width:960px;line-height:1.6}.html-step-demo__desc code[data-v-0dff8cae]{background:rgba(24,144,255,.08);padding:0 6px;border-radius:4px;font-size:12px}.html-step-demo__toolbar[data-v-0dff8cae]{margin-bottom:16px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.html-step-demo__field[data-v-0dff8cae]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:6px}.html-step-demo__label[data-v-0dff8cae]{font-size:12px;color:#8b8fa3}.html-step-demo__main[data-v-0dff8cae]{margin-bottom:16px}.html-step-demo__card[data-v-0dff8cae]{border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.html-step-demo__card--preview .ant-card-body[data-v-0dff8cae]{padding-top:8px}.html-step-demo__actions[data-v-0dff8cae]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:10px}.html-step-demo__hint[data-v-0dff8cae]{font-size:12px;color:#8b8fa3;-ms-flex:1;flex:1;min-width:200px}.html-step-demo__editor[data-v-0dff8cae]{font-family:Consolas,Monaco,monospace;font-size:12px}.html-step-demo__preview-wrap[data-v-0dff8cae]{position:relative;height:420px;border-radius:8px;overflow:hidden;border:1px solid #e8e8ef;background:#fff}.html-step-demo__exec-overlay[data-v-0dff8cae]{position:absolute;inset:0;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.html-step-demo__exec-card[data-v-0dff8cae]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:16px;max-width:92%;padding:16px 20px;border-radius:12px;background:hsla(0,0%,100%,.96);border:1px solid rgba(24,144,255,.2);box-shadow:0 8px 28px rgba(26,26,46,.12)}.html-step-demo__exec-lines[data-v-0dff8cae]{min-width:0;-ms-flex:1;flex:1}.html-step-demo__exec-kicker[data-v-0dff8cae]{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8b8fa3;margin-bottom:4px}.html-step-demo__exec-title[data-v-0dff8cae]{font-size:15px;font-weight:600;color:#1a1a2e;line-height:1.35;margin-bottom:4px}.html-step-demo__exec-sub[data-v-0dff8cae]{font-size:12px;color:#5c5f6e}.html-step-demo__exec-wait[data-v-0dff8cae]{margin-top:8px;font-size:12px;color:#1890ff}.html-step-demo__iframe[data-v-0dff8cae]{width:100%;height:100%;border:0}.html-step-demo__steps-json[data-v-0dff8cae]{margin-bottom:16px}