.wf-wrap{display: grid;grid-template-columns: 250px minmax(0, 1fr);gap: 18px;align-items: start}.wf-side{position: sticky;top: calc(var(--header-space) + 10px);display: grid;gap: 12px;max-height: calc(100vh - var(--header-space) - 30px);overflow: auto}.wf-list{display: grid;gap: 4px;list-style: none;padding: 0;margin: 0}.wf-list button{display: flex;gap: 8px;align-items: flex-start;width: 100%;text-align: start;padding: 8px 10px;border: 0;border-radius: 10px;background: none;color: var(--ink-2);font: inherit;font-size: 13.5px;line-height: 1.6;cursor: pointer}.wf-list button:hover{background: var(--surface-2)}.wf-list .n{flex: none;width: 22px;height: 22px;border-radius: 7px;display: grid;place-items: center;background: var(--surface-2);font-size: 12px;font-weight: 700}.wf-list .on button{background: var(--brand-tint);color: var(--brand);font-weight: 600}.wf-list .done .n{background: var(--success);color: #fff}.wf-main{display: grid;grid-template-columns: minmax(0, 1fr);gap: 12px;min-width: 0}.wf-task{display: grid;gap: 6px}.wf-task h3{font-size: 18px}.wf-task p{line-height: 1.9;font-weight: 500}.wf-tools{display: flex;gap: 6px;overflow-x: auto;padding: 2px 2px 8px}.wf-tool{flex: none;display: grid;justify-items: center;gap: 3px;min-width: 84px;padding: 8px 6px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);color: var(--ink);font: inherit;cursor: pointer;transition: border-color .15s, transform .15s}.wf-tool:hover{border-color: var(--brand);transform: translateY(-2px)}.wf-tool b{font-size: 12px;font-family: var(--mono)}.wf-tool small{font-size: 11px;color: var(--ink-3)}.wf-tmini{width: 40px;height: 18px;border-radius: 3px;background: #f0f0f0;border: 1px solid #adadad;position: relative}.wf-m-label{background: none;border: 0}.wf-m-label::after{content: "Abc";font: 11px Tahoma, sans-serif;color: var(--ink);position: absolute;inset: 1px 4px}.wf-m-textbox{background: #fff;border-color: #7a7a7a}.wf-m-checkbox, .wf-m-radiobutton{background: none;border: 0}.wf-m-checkbox::before, .wf-m-radiobutton::before{content: "";position: absolute;top: 3px;inset-inline-start: 2px;width: 11px;height: 11px;border: 1px solid #333;background: #fff}.wf-m-radiobutton::before{border-radius: 50%}.wf-m-combobox{background: #fff}.wf-m-combobox::after{content: "▾";position: absolute;inset-inline-end: 3px;top: -1px;font-size: 12px;color: #333}.wf-m-listbox{height: 22px;background: #fff}.wf-m-progressbar{background: linear-gradient(90deg, #06b025 55%, #e6e6e6 55%)}.wf-m-picturebox{background: #dbeafe}.wf-m-panel{background: none;border-style: dashed}.wf-m-timer{width: 22px;border-radius: 50%;background: #fde68a}.wf-studio{display: grid;grid-template-columns: minmax(0, 1fr) 250px;gap: 12px;align-items: start}.wf-stage{display: grid;gap: 8px;min-width: 0;padding: 12px;border-radius: 18px;background: repeating-linear-gradient(45deg, var(--surface-2), var(--surface-2) 10px, var(--surface) 10px, var(--surface) 20px);border: 1px solid var(--line)}.wf-run-bar{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.wf-run-bar small{font-size: 12.5px}.wf-desk{position: relative;min-width: 0}.wf-win{position: relative;max-width: 440px;margin-inline: auto;border: 1px solid #6d8bb3;box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .45);background: #f0f0f0;font: 13px Tahoma, Arial, sans-serif;color: #000;user-select: none}.wf-win.maxed{max-width: none}.wf-title{display: flex;align-items: center;gap: 6px;height: 30px;padding: 0 8px;background: #fff;border-bottom: 1px solid #ddd;cursor: default}.wf-title.sel{box-shadow: inset 0 0 0 2px #2563eb}.wf-ico{width: 14px;height: 14px;border-radius: 2px;background: linear-gradient(135deg, #3b82f6, #1d4ed8);flex: none}.wf-ttxt{flex: 1;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12.5px}.wf-btns{display: flex;height: 100%;direction: ltr}.wf-btns i{width: 36px;display: grid;place-items: center;font-style: normal;font-size: 12px;color: #000}.wf-btns i.off{color: #bbb}.wf-btns i.x:hover{background: #e81123;color: #fff}.wf-client{position: relative;overflow: hidden}.wf-c{position: absolute;box-sizing: border-box;display: flex;align-items: center;overflow: hidden;cursor: move;touch-action: none}.wf-win.run .wf-c{cursor: default;touch-action: auto}.wf-c.sel{outline: 1px dashed #000;outline-offset: 2px}.wf-c.dis{color: #a0a0a0 !important}.wf-c.dis .wf-box{background: #f0f0f0;border-color: #bbb}.wf-c.ghost{opacity: .4}.wf-grip{position: absolute;bottom: 0;inset-inline-end: 0;width: 9px;height: 9px;background: #fff;border: 1px solid #000;cursor: nwse-resize}.wf-button{justify-content: center;background: #e1e1e1;border: 1px solid #adadad;border-radius: 2px;text-align: center}.wf-win.run .wf-button:not(.dis){cursor: pointer}.wf-win.run .wf-button:not(.dis):hover{background: #e5f1fb;border-color: #0078d7}.wf-btxt{padding: 0 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.wf-label{white-space: nowrap}.wf-textbox{border: 1px solid #7a7a7a;background: #fff}.wf-in{width: 100%;height: 100%;border: 0;padding: 0 4px;outline: none}.wf-win:not(.run) .wf-in{pointer-events: none}.wf-chk{position: relative;display: flex;width: 100%;height: 100%;align-items: center;gap: 4px}.wf-chk.h-Center{justify-content: center}.wf-chk.h-Center .wf-ctxt{position: absolute;inset-inline-start: 0}.wf-chk.h-Right{flex-direction: row-reverse;justify-content: flex-end}.wf-chk.v-Top{align-items: flex-start}.wf-chk.v-Bottom{align-items: flex-end}.wf-box{flex: none;width: 13px;height: 13px;border: 1px solid #333;background: #fff;display: grid;place-items: center;position: relative;z-index: 1}.wf-box.r{border-radius: 50%}.wf-box.on::after{content: "✓";font-size: 11px;line-height: 1;color: #000}.wf-box.r.on::after{content: "";width: 7px;height: 7px;border-radius: 50%;background: #000}.wf-win.run .wf-checkbox:not(.dis), .wf-win.run .wf-radiobutton:not(.dis){cursor: pointer}.wf-ctxt{white-space: nowrap}.wf-combobox{border: 1px solid #7a7a7a;background: #fff;align-items: stretch}.wf-cb{display: flex;width: 100%}.wf-cbv{flex: 1;padding: 2px 4px;overflow: hidden;white-space: nowrap}.wf-arrow{width: 18px;display: grid;place-items: center;background: #e1e1e1;border-inline-start: 1px solid #adadad;font-size: 11px}.wf-cb.simple{flex-direction: column}.wf-cb.simple .wf-cbv{border-bottom: 1px solid #7a7a7a;min-height: 20px}.wf-cbl{display: grid;align-content: start;overflow: auto}.wf-cbl i{font-style: normal;padding: 1px 4px;cursor: pointer}.wf-cbl i:hover{background: #cce8ff}.wf-sel{width: 100%;height: 100%;border: 0;font: inherit;color: inherit;background: transparent}.wf-listbox{border: 1px solid #7a7a7a;background: #fff;align-items: flex-start}.wf-lb{display: grid;width: 100%}.wf-lb i{font-style: normal;padding: 0 4px}.wf-progressbar{border: 1px solid #bcbcbc;background: #e6e6e6}.wf-pb{display: block;width: 100%;height: 100%}.wf-pb i{display: block;height: 100%;background: #06b025;transition: width .2s}.wf-picturebox{justify-content: center;border: 1px dashed #9ca3af;font-size: 26px;background: #eef2ff}.wf-panel{border: 1px dashed #9ca3af}.wf-win.run .wf-panel{border-style: solid;border-color: transparent}.wf-tray{display: flex;gap: 6px;flex-wrap: wrap;padding: 6px 8px;border-radius: 10px;background: var(--surface);border: 1px solid var(--line)}.wf-tr{padding: 4px 10px;border-radius: 8px;border: 1px solid var(--line);background: var(--surface-2);font: 12.5px var(--mono);color: var(--ink);cursor: pointer}.wf-tr.sel{border-color: var(--brand);color: var(--brand)}.wf-msg{position: absolute;inset: 0;display: grid;place-items: center;background: rgba(0, 0, 0, .12);z-index: 5}.wf-mwin{min-width: 220px;max-width: 90%;background: #fff;border: 1px solid #6d8bb3;box-shadow: 0 10px 30px -8px rgba(0, 0, 0, .5)}.wf-mbody{display: grid;gap: 14px;padding: 18px 16px 12px}.wf-mbody p{margin: 0}.wf-ok{justify-self: end;min-width: 76px;padding: 3px 10px;border: 1px solid #0078d7;background: #e1e1e1;font: inherit;cursor: pointer}.wf-props{display: grid;gap: 6px;padding: 10px;border-radius: 16px;background: var(--surface);border: 1px solid var(--line);max-height: 560px;overflow: auto;font-size: 13px}.wf-ph{display: flex;align-items: center;justify-content: space-between;gap: 6px}.wf-ph b{font-family: var(--mono);direction: ltr}.wf-ph small{color: var(--ink-3);font-weight: 400}.wf-ptabs{display: flex;gap: 4px}.wf-ptabs button{flex: 1;padding: 6px;border-radius: 8px;border: 1px solid var(--line);background: var(--surface-2);font: inherit;font-size: 12.5px;cursor: pointer;color: var(--ink-2)}.wf-ptabs button.on{background: var(--brand);color: #fff;border-color: var(--brand)}.wf-pr{display: grid;grid-template-columns: 104px minmax(0, 1fr);gap: 6px;align-items: center}.wf-pr > span{font: 12px var(--mono);color: var(--ink-2);overflow: hidden;text-overflow: ellipsis;text-align: left}.wf-pr input, .wf-pr select, .wf-pr textarea{width: 100%;min-width: 0;padding: 4px 6px;border-radius: 6px;border: 1px solid var(--line);background: var(--surface-2);color: var(--ink);font-family: inherit;font-size: 12.5px}.wf-evs{display: grid;gap: 8px}.wf-evs p{font-size: 12.5px;margin: 0}.wf-warn{color: var(--danger);font-size: 12px;margin: 0}.wf-code{border-radius: 16px;overflow: hidden;border: 1px solid #1e293b;background: #0b1224}.wf-code-tabs{display: flex;align-items: center;gap: 2px;padding: 6px;background: #111a33}.wf-code-tabs button[data-code]{padding: 6px 12px;border: 0;border-radius: 8px;background: none;color: #94a3b8;font: 600 13px var(--mono);cursor: pointer}.wf-code-tabs button[data-code] small{font-family: inherit;font-weight: 400}.wf-code-tabs button.on{background: #0b1224;color: #e2e8f0}.wf-code-tabs .icon-btn{margin-inline-start: auto;color: #94a3b8}.wf-pre{margin: 0;padding: 14px 16px;max-height: 420px;overflow: auto;color: #e2e8f0;font: 13px/1.7 var(--mono);text-align: left}.wf-pre i{font-style: normal}.wf-pre .k{color: #60a5fa}.wf-pre .t{color: #4ade80}.wf-pre .s{color: #fbbf24}.wf-pre .c{color: #64748b}@media (max-width: 960px){.wf-wrap{grid-template-columns: minmax(0, 1fr)}.wf-side{position: static;max-height: none}.wf-list{grid-auto-flow: column;grid-auto-columns: minmax(180px, 1fr);overflow-x: auto;padding-bottom: 6px}}@media (max-width: 720px){.wf-studio{grid-template-columns: minmax(0, 1fr)}.wf-props{max-height: none}.wf-stage{padding: 8px}}