.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{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)}