.flow-hero{padding:12px 0 20px;max-width:760px}.flow-hero h1{font-size:clamp(28px,3.8vw,40px);letter-spacing:-.025em;margin:12px 0 16px}.flow-hero p{color:var(--text-dim);line-height:1.7}.flow-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.flow-toolbar input{flex:1;min-width:180px;font-size:20px;font-weight:600}.flow-toolbar button,.flow-toolbar a{white-space:nowrap}.flow-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin:24px 0}.flow-sidebar,.flow-panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:20px;min-width:0}.flow-sidebar{align-self:start}.flow-sidebar h2,.flow-panel h2{font-size:18px;margin:0 0 16px}.flow-step{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:1px solid transparent;background:transparent;padding:13px 10px;border-radius:10px;color:var(--text);cursor:pointer}.flow-step.active{background:var(--bg);border-color:var(--accent)}.flow-number{border:1px solid var(--border);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.flow-step small{display:block;color:var(--text-dim);font-size:11px;margin-top:3px}.flow-field{display:grid;gap:7px;margin:16px 0}.flow-field select,.flow-field input:not([type=checkbox]){width:100%;min-width:0}.flow-source{padding:16px;background:var(--bg);border:1px dashed var(--border);border-radius:12px;margin:16px 0}.flow-note{color:var(--text-dim);font-size:13px;line-height:1.6}.flow-status{min-height:24px;font-size:14px;overflow-wrap:anywhere}.flow-status.error{color:var(--danger, var(--text))}.flow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow-card{border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--surface);display:flex;flex-direction:column;gap:12px;min-width:0}.flow-card>.btn:last-child,.flow-card>.flow-toolbar:last-child{margin-top:auto}.flow-card h3{margin:0;font-size:17px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}.flow-card p{margin:0}.flow-card .flow-toolbar{margin-bottom:0}.flow-card>.flow-note{padding-bottom:8px;line-height:1.75}.flow-review{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.flow-review article{border:1px solid var(--border);border-radius:12px;padding:10px;min-width:0}.flow-review img{width:100%;height:110px;object-fit:contain;background:var(--bg)}.flow-review label{display:flex;align-items:center;gap:6px;font-size:12px;overflow-wrap:anywhere}.flow-review button{padding:4px 12px}.flow-results{margin:24px 0}.flow-results a{margin:6px;max-width:100%;overflow-wrap:anywhere}.flow-section{margin:36px 0}.flow-section>h2{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 20px}.flow-status:empty{display:none}.flow-hero+.flow-status+.flow-toolbar{margin-top:0}.flow-hero>p{font-size:16px}.flow-hero .eyebrow{font-size:11px}.flow-empty{padding:24px;border:1px dashed var(--border);border-radius:14px;text-align:center}#workflow-app .btn{min-height:44px}.flow-field>input:not([type=checkbox]),.flow-field>select{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}@media(min-width:601px)and (max-width:900px){#workflow-app .flow-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.flow-mini{font-size:12px;word-break:break-word}.flow-dialog{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 16px 48px var(--shadow);max-width:480px;width:calc(100% - 32px);border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);padding:26px}.flow-dialog::backdrop{background:var(--overlay)}.flow-dialog h2{margin:0 0 8px;font-size:22px;line-height:1.4}.flow-dialog>.btn{margin-block-start:20px;margin-inline-end:8px;min-height:44px}.flow-dialog>.btn:last-child{margin-inline-end:0}.flow-share-link{display:block;width:100%;margin:14px 0}.flow-editor[aria-busy=true] .flow-config{pointer-events:none;opacity:.6}.flow-new-step{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.flow-new-step select{min-width:0;width:100%}.flow-top-link{display:flex;gap:16px;align-items:center}.flow-local-label{border:1px solid var(--border);border-radius:30px;padding:4px 10px;font-size:12px;color:var(--text-dim)}@media(max-width:720px){.flow-grid{grid-template-columns:1fr}.flow-sidebar{padding:12px}.flow-steps{display:flex;overflow:auto;gap:6px}.flow-step{min-width:150px;width:auto}.flow-panel{padding:16px}.flow-hero{padding-top:0}.flow-toolbar .btn{padding:9px 12px;font-size:13px}.flow-cards{grid-template-columns:1fr}.flow-toolbar input{flex-basis:100%}}#workflow-account{flex-shrink:0;margin-inline-start:auto}#workflow-account .flow-account-button{min-height:40px;padding:8px 14px}#workflow-account .flow-avatar{width:40px;height:40px;padding:0;border-radius:50%;background:var(--soft);color:var(--accent);border-color:var(--border)}.flow-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-bottom:12px}.flow-section-header h2{font-size:20px;line-height:1.4;font-weight:600}.flow-section-header .flow-toolbar{margin:0}.flow-storage-help{margin-bottom:20px}.flow-editor-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.flow-sync-status{border:0;background:transparent;color:var(--text-dim);font-size:12px;padding:8px 0;text-align:end}.flow-sync-status.error{color:var(--danger)}.flow-run-toolbar{border-bottom:1px solid var(--border);padding-bottom:16px;gap:8px}.flow-more{position:relative}.flow-more>summary{list-style:none;cursor:pointer;padding:11px 14px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:13px;font-weight:600;min-height:44px}.flow-more>summary::-webkit-details-marker{display:none}.flow-more-items{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:20;display:grid;gap:4px;min-width:180px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px var(--shadow)}.flow-more-items .btn{justify-content:flex-start;border-color:transparent}.flow-new-step input{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:14px}.flow-new-step .btn{width:100%}@media(max-width:720px){.flow-section-header{align-items:flex-start}.flow-section-header .flow-toolbar{width:100%;gap:8px}.flow-editor-context{align-items:flex-start}#workflow-account .flow-account-button{padding:8px 10px}.flow-run-toolbar>.btn:first-child{flex:1}.flow-run-toolbar .flow-more{margin-inline-start:auto}}.flow-step-meta{margin:12px 0;color:var(--text-dim);font-size:13px}.flow-step-meta summary{cursor:pointer;padding-block:6px}.flow-selected-files{padding-inline-start:20px;margin:12px 0 20px;color:var(--text-dim);font-size:13px;overflow-wrap:anywhere}.flow-panel>.btn:last-child{color:var(--danger);border-color:transparent;background:transparent;font-size:12px;margin-top:16px}.flow-panel>.btn:last-child:hover{background:var(--bg)}@media(max-width:520px){.flow-run-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-run-toolbar>.btn:first-child{grid-column:span 2;order:0}.flow-run-toolbar>[data-publish-action],.flow-run-toolbar>.btn:nth-child(2){order:1}.flow-run-toolbar>[data-history],.flow-run-toolbar>.flow-more{order:2}.flow-run-toolbar .flow-more{margin:0}.flow-run-toolbar>.btn,.flow-run-toolbar>.flow-more>summary{width:100%;min-width:0;padding-inline:8px;text-align:center;white-space:normal}}.flow-card>.flow-local-label{align-self:flex-start}.flow-source{border:0;padding:0;background:transparent}.flow-dropzone{display:grid;gap:8px;padding:28px 20px;border:1px dashed var(--border);border-radius:12px;background:var(--bg);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.flow-dropzone strong{font-size:15px;font-weight:600}.flow-dropzone:hover,.flow-dropzone.dragover{border-color:var(--accent);background:var(--soft)}.flow-dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.flow-dropzone[aria-disabled=true]{opacity:.6;cursor:default}.flow-source-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.flow-source-actions .btn{padding:6px 0;min-height:36px!important;background:transparent;border-color:transparent;color:var(--accent);font-size:13px;box-shadow:none}.flow-source-actions .btn:hover{text-decoration:underline}.flow-source-actions .flow-note{margin-inline-start:auto}.flow-select{display:block;position:relative;width:100%;min-width:0}#workflow-app .flow-select select,.node-library .flow-select select{appearance:none;width:100%;min-width:0;min-height:44px;padding:10px 12px;padding-inline-end:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.flow-select:after{content:"";position:absolute;inset-inline-end:16px;top:50%;width:7px;height:7px;border-inline-end:1.5px solid var(--text-dim);border-bottom:1.5px solid var(--text-dim);transform:translateY(-70%) rotate(45deg);pointer-events:none}[dir=rtl] .flow-select:after{transform:translateY(-70%) rotate(-45deg)}.node-library{--node-dialog-padding: 28px;max-width:860px;width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:var(--node-dialog-padding);scroll-padding-block-start:88px;overflow:auto;overscroll-behavior:contain}.node-library-header{position:sticky;top:calc(-1 * var(--node-dialog-padding));z-index:2;background:var(--surface);padding-block:14px;margin-top:-14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.node-library-header h2{margin:0;font-size:22px}.node-library h3{font-size:18px;margin:24px 0 12px}.node-library h4{font-size:14px;margin:20px 0 12px}.node-library hr{border:0;border-top:1px solid var(--border);margin:28px 0}.node-library>input[type=search]{width:100%}.node-library textarea{resize:vertical;min-height:92px;width:100%}.node-library>input[type=search],.node-library textarea,.flow-share-link{min-height:44px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:16px;line-height:1.6}.node-library :is(input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.node-library .flow-field{display:grid;gap:8px;margin:16px 0}.node-library .flow-field input,.node-library .flow-field select{max-width:100%;width:100%}.node-library input[type=checkbox]{width:auto;justify-self:start}.node-library-list{max-height:300px;overflow:auto;margin-top:16px}.node-library-card{padding:16px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px}.node-library-card p{margin:8px 0}.node-library .flow-toolbar{gap:10px;margin-top:16px}.node-library .flow-note{line-height:1.7}.node-definition:empty{display:none}.node-definition{border-top:1px solid var(--border);margin-top:24px}.node-rule-step{border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin:10px 0}.node-script{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border-radius:8px;padding:16px;max-height:240px;overflow:auto}.node-test-results{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.node-test-results section{padding:14px;background:var(--bg);border-radius:10px;overflow-wrap:anywhere}.node-test-results ul{padding-inline-start:18px;line-height:1.8;font-size:13px}.node-test-results>.btn{overflow-wrap:anywhere}.custom-step-summary{padding-inline-start:24px;color:var(--text-dim);line-height:1.8;margin-block:16px}@media(max-width:600px){.node-library{--node-dialog-padding: 20px}.node-test-results{grid-template-columns:1fr}.node-library .flow-toolbar>.btn{flex:1 1 auto}.node-library-header h2{font-size:19px}}.node-output-preview{display:block;max-width:100%;max-height:240px;width:auto;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm, 12px);background:var(--bg);margin-block:12px}.node-repair,.node-repair-candidate{padding:20px;margin-block:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg);overflow-wrap:anywhere}.node-repair-candidate{border-color:var(--accent)}.node-library :is(.node-repair,.node-repair-candidate) h4{margin-top:0}.node-repair-candidate ul{padding-inline-start:20px;margin-block:12px 20px}.node-repair-candidate li+li{margin-top:8px}.node-repair [role=status]{margin-block:12px}.node-repair[hidden],.node-repair-candidate[hidden]{display:none}.node-library [hidden]{display:none!important}.node-library-tabs{display:flex;gap:8px;padding:5px;border-radius:12px;background:var(--bg);margin:20px 0}.node-library-tabs button{flex:1;min-height:44px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-dim);font:inherit;font-size:15px;cursor:pointer;padding:10px 14px}.node-library-tabs [aria-selected=true]{background:var(--surface);border-color:var(--border);color:var(--accent);font-weight:600}.node-progress{display:flex;list-style:none;gap:20px;padding:0;margin:0 0 22px;color:var(--text-dim);font-size:13px}.node-progress li{display:flex;align-items:center;gap:8px;line-height:1.5}.node-progress li>span{display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;width:25px;height:25px;flex-shrink:0}.node-progress [aria-current]{color:var(--accent);font-weight:600}.node-progress [aria-current]>span{border-color:var(--accent);background:var(--soft)}.node-examples-label{font-size:13px;color:var(--text-dim);margin:18px 0 10px}.node-examples{display:flex;flex-wrap:wrap;gap:8px}.node-examples button{font:inherit;font-size:13px;min-height:40px;line-height:1.5;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);cursor:pointer}.node-examples button:hover{border-color:var(--accent);color:var(--accent)}.node-ai-details{margin-top:16px;font-size:13px;color:var(--text-dim)}.node-library :is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.node-library [role=tabpanel]>input[type=search]{width:100%;min-height:46px;font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-top:18px}.node-library-list{max-height:none;overflow:visible}.node-library-card{background:var(--surface)}.node-library-card .flow-toolbar{flex-wrap:wrap}.node-text-link{color:var(--accent);font:inherit;font-size:14px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:40px;padding:8px 0;text-align:start}.node-definition{border:0;margin-top:0}.node-test-area{border:1px dashed var(--border);border-radius:12px;padding:18px;background:var(--bg);margin-top:16px}.node-test-area.is-dragging{border-color:var(--accent);background:var(--soft)}.node-test-drop{width:100%;min-height:70px;padding:14px;border:0;background:transparent;font:inherit;font-weight:600;color:var(--accent);cursor:pointer;border-radius:8px}.node-test-file-list{font-size:13px;line-height:1.8;max-height:110px;overflow:auto;padding-inline-start:18px;overflow-wrap:anywhere}.node-search-matches{display:grid;gap:4px}.node-library>.flow-status:empty{display:none}@media(max-width:600px){.node-progress{gap:10px;font-size:12px}.node-progress li{gap:6px}.node-progress li>span{width:22px;height:22px}.node-library-tabs button{font-size:14px}.node-library .flow-toolbar .node-text-link{flex-basis:100%}}.node-repair>summary{font-weight:600;font-size:14px;cursor:pointer;line-height:1.6}.flow-share-cta{border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:16px;background:var(--surface);padding:26px 28px}.flow-share-cta>h2{margin:0 0 8px}.flow-share-cta .flow-note{color:var(--text-dim);line-height:1.7;max-width:64ch}.flow-share-cta .flow-toolbar{margin:20px 0 14px}.flow-cta-note{font-size:13px;color:var(--text-dim)}@media(max-width:600px){.flow-share-cta{padding:20px}.flow-share-cta .flow-toolbar .btn{width:100%}}