.scrollbar-hide[data-v-51ff8735]{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide[data-v-51ff8735]::-webkit-scrollbar{display:none}.creating-overlay[data-v-51ff8735]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--cw-modal-overlay);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.creating-modal[data-v-51ff8735]{background:var(--cw-bg-page);box-shadow:0 8px 32px var(--cw-modal-shadow);border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:40px 60px;display:flex}.creating-spinner[data-v-51ff8735]{border:4px solid var(--cw-spinner-track);border-top:4px solid #d946ef;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin-create-51ff8735}@keyframes spin-create-51ff8735{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.creating-text[data-v-51ff8735]{color:var(--cw-text-primary);margin:0;font-size:16px;font-weight:500}.create-workflow-btn[data-v-51ff8735]{font-size:14px!important}.back-btn .icon[data-v-51ff8735],.create-workflow-btn .icon[data-v-51ff8735]{width:16px;height:16px;display:block}.back-btn .icon[data-v-51ff8735]{width:20px;height:20px}.access-state[data-v-51ff8735]{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.access-message[data-v-51ff8735]{text-align:center;max-width:500px}.spinner[data-v-51ff8735]{border-top:4px solid var(--cw-spinner-track);border:4px solid var(--cw-spinner-track);border-top-color:var(--cw-spinner-active);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin-51ff8735}@keyframes spin-51ff8735{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.access-denied[data-v-51ff8735]{background:var(--cw-bg-page);box-shadow:0 2px 8px var(--cw-modal-shadow);border-radius:12px;padding:40px}.access-icon[data-v-51ff8735]{margin-bottom:20px;font-size:64px}.access-denied h2[data-v-51ff8735]{color:var(--cw-text-primary);margin:0 0 16px;font-size:24px;font-weight:600}.access-denied p[data-v-51ff8735]{color:var(--cw-text-secondary);margin:0 0 12px;font-size:16px;line-height:1.5}.access-help[data-v-51ff8735]{color:var(--cw-text-tertiary);font-size:14px}.header-content[data-v-51ff8735],.workflow-page-container[data-v-51ff8735]{--cw-bg-page:#fff;--cw-bg-surface:#fafafa;--cw-bg-subtle:#f5f5f5;--cw-bg-hover:#f8f9fa;--cw-text-primary:#232425;--cw-text-secondary:#606366;--cw-text-tertiary:#909499;--cw-border-primary:#eaeaea;--cw-border-selected:#232425;--cw-brand-primary:#232425;--cw-brand-primary-hover:#393a3b;--cw-brand-on-text:#fff;--cw-spinner-track:#e0e0e0;--cw-spinner-active:#3498db;--cw-modal-overlay:#0009;--cw-modal-shadow:#0003}@media (prefers-color-scheme:dark){.header-content[data-v-51ff8735],.workflow-page-container[data-v-51ff8735]{--cw-bg-page:#1a1b1c;--cw-bg-surface:#232425;--cw-bg-subtle:#2a2b2c;--cw-bg-hover:#3a3b3c;--cw-text-primary:#fff;--cw-text-secondary:#b8bbbf;--cw-text-tertiary:#868b92;--cw-border-primary:#606366;--cw-border-selected:#e8e9ea;--cw-brand-primary:#e8e9ea;--cw-brand-primary-hover:#cacbcc;--cw-brand-on-text:#1a1b1c;--cw-spinner-track:#3a3b3c}}.header-content[data-v-51ff8735]{background:var(--cw-bg-page);box-sizing:border-box;z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 20px;transition:top .3s,left .3s ease-in-out;display:flex;position:fixed;top:-60px;right:0}.header-content.show[data-v-51ff8735]{top:0}.back-btn[data-v-51ff8735]{color:var(--cw-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.back-btn[data-v-51ff8735]:hover{background-color:var(--cw-bg-subtle)}.create-workflow-btn[data-v-51ff8735]{background:var(--cw-brand-primary);color:var(--cw-brand-on-text);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 24px;font-family:Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;transition:background-color .2s;display:flex}.create-workflow-btn[data-v-51ff8735]:hover:not(:disabled){background:var(--cw-brand-primary-hover)}.create-workflow-btn[data-v-51ff8735]:disabled{cursor:not-allowed;opacity:.5}.workflow-page-container[data-v-51ff8735]{background:var(--cw-bg-page);box-sizing:border-box;width:100%;max-width:1030px;min-height:calc(100vh - 60px);margin:0 auto;padding:80px 16px 24px}.hero-section[data-v-51ff8735]{text-align:center;margin-bottom:40px}.hero-title[data-v-51ff8735]{margin:0 0 12px;font-size:32px;font-weight:700}.hero-title[data-v-51ff8735],.hero-title .highlight[data-v-51ff8735]{color:var(--cw-text-primary)}.hero-subtitle[data-v-51ff8735]{color:var(--cw-text-secondary);margin:0;font-size:16px}.content-wrapper[data-v-51ff8735]{width:100%}.my-workflow-section[data-v-51ff8735]{margin-bottom:40px}.section-header[data-v-51ff8735]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.my-workflows-loading[data-v-51ff8735]{color:var(--cw-text-secondary);justify-content:center;align-items:center;gap:12px;padding:32px 0;font-size:14px;display:flex}.spinner-small[data-v-51ff8735]{border-top:2px solid var(--cw-spinner-track);border:2px solid var(--cw-spinner-track);border-top-color:var(--cw-text-primary);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin-51ff8735}.section-header h3[data-v-51ff8735]{color:var(--cw-text-primary);margin:0;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.67em}.see-more-link[data-v-51ff8735]{color:var(--cw-text-secondary);cursor:pointer;align-items:center;gap:4px;font-size:14px;text-decoration:none;display:flex}.see-more-link[data-v-51ff8735]:hover{color:var(--cw-text-primary)}.see-more-icon[data-v-51ff8735]{width:16px;height:16px;transition:transform .2s;transform:rotate(180deg)}.my-workflows-scroll[data-v-51ff8735]{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding-bottom:8px;display:flex;overflow:auto hidden}.my-workflows-scroll[data-v-51ff8735]::-webkit-scrollbar{display:none}.my-workflow-card[data-v-51ff8735]{background:var(--cw-bg-page);border:1px solid var(--cw-border-primary);box-sizing:border-box;cursor:pointer;border-radius:12px;flex-direction:column;flex-shrink:0;width:322px;min-height:100px;padding:16px;transition:all .2s;display:flex}.my-workflow-card[data-v-51ff8735]:hover{background:var(--cw-bg-hover)}.workflow-title[data-v-51ff8735]{color:var(--cw-text-primary);margin:0 0 8px;font-family:Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.4}.workflow-description[data-v-51ff8735],.workflow-title[data-v-51ff8735]{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.workflow-description[data-v-51ff8735]{color:var(--cw-text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.workflow-card-footer[data-v-51ff8735]{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.workflow-integrations[data-v-51ff8735]{justify-content:flex-start;align-items:center;display:flex}.workflow-integrations[data-v-51ff8735]>*{flex:none}.workflow-integrations[data-v-51ff8735]>:not(:last-child){margin-right:1em}.workflow-card-actions[data-v-51ff8735]{opacity:0;align-items:center;gap:4px;transition:opacity .2s;display:flex}.my-workflow-card:hover .workflow-card-actions[data-v-51ff8735]{opacity:1}.card-action-btn[data-v-51ff8735]{background:var(--cw-bg-page);border:1px solid var(--cw-border-primary);color:var(--cw-text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .15s;display:inline-flex}.card-action-btn[data-v-51ff8735]:hover{background:var(--cw-bg-subtle);border-color:var(--cw-text-tertiary);color:var(--cw-text-primary)}.integration-icon-small[data-v-51ff8735]{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.integration-icon-small .icon-image[data-v-51ff8735],.integration-icon-small svg[data-v-51ff8735]{display:block;width:24px!important;height:24px!important}.integration-count-small[data-v-51ff8735]{color:var(--cw-text-secondary);flex-shrink:0;font-size:14px;font-weight:400}.integration-count-small[data-v-51ff8735],.state-container[data-v-51ff8735]{justify-content:center;align-items:center;display:flex}.state-container[data-v-51ff8735]{background:var(--cw-bg-page);border:1px solid var(--cw-border-primary);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:12px;width:100%;height:150px;padding:16px}.state-text[data-v-51ff8735]{color:var(--cw-text-secondary);font-family:Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.empty-icon-wrapper[data-v-51ff8735]{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.empty-icon[data-v-51ff8735]{color:var(--cw-text-tertiary);width:100%;height:100%}.empty-text-group[data-v-51ff8735]{flex-direction:column;align-items:center;gap:2px;display:flex}.empty-title[data-v-51ff8735]{font-weight:700}.empty-description[data-v-51ff8735],.empty-title[data-v-51ff8735]{color:var(--cw-text-tertiary);text-align:center;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.empty-description[data-v-51ff8735]{font-weight:400}.template-section[data-v-51ff8735]{flex-direction:column;gap:28px;margin-top:8px;display:flex}.template-loading[data-v-51ff8735]{color:var(--cw-text-secondary);justify-content:center;align-items:center;padding:60px 20px;font-size:14px}.template-header[data-v-51ff8735],.template-loading[data-v-51ff8735]{flex-direction:column;gap:12px;display:flex}.template-section-title[data-v-51ff8735]{color:var(--cw-text-primary);margin:0;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.67em}.category-filter-container[data-v-51ff8735]{background:var(--cw-bg-page);scrollbar-width:none;z-index:5;align-items:center;gap:12px;margin:-12px 0;padding:12px 0;display:flex;position:sticky;top:80px;overflow-x:auto}.category-filter-container[data-v-51ff8735]::-webkit-scrollbar{display:none}.category-btn[data-v-51ff8735]{background:var(--cw-bg-page);border:1px solid var(--cw-border-primary);color:var(--cw-text-primary);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 12px;font-family:Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;transition:all .2s}.category-btn[data-v-51ff8735]:hover{background:var(--cw-bg-hover)}.category-btn.selected[data-v-51ff8735]{border-color:var(--cw-border-selected)}.template-grid[data-v-51ff8735]{box-sizing:border-box;grid-template-columns:1fr;gap:16px;width:-moz-fit-content;width:fit-content;max-width:100%;display:grid}@media (min-width:768px){.template-grid[data-v-51ff8735]{grid-template-columns:repeat(3,322px)}}.template-card[data-v-51ff8735]{background:var(--cw-bg-surface);border:1px solid var(--cw-border-primary);box-sizing:border-box;cursor:pointer;border-radius:12px;flex-direction:column;gap:20px;width:100%;padding:16px;transition:all .2s;display:flex}@media (min-width:768px){.template-card[data-v-51ff8735]{width:322px}}.template-card[data-v-51ff8735]:hover{background:var(--cw-bg-hover)}.template-card-content[data-v-51ff8735]{flex-direction:column;gap:8px;min-height:74px;display:flex}.template-title[data-v-51ff8735]{color:var(--cw-text-primary);font-size:16px;font-weight:700}.template-description[data-v-51ff8735],.template-title[data-v-51ff8735]{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-family:Arial,sans-serif;line-height:1.5;display:-webkit-box;overflow:hidden}.template-description[data-v-51ff8735]{color:var(--cw-text-secondary);font-size:14px;font-weight:400}.template-icons[data-v-51ff8735]{flex-wrap:nowrap;align-items:center;gap:16px;margin-top:auto;display:flex;overflow:hidden}.template-icon-wrapper[data-v-51ff8735]{width:24px;height:24px;overflow:hidden}.template-icon-count[data-v-51ff8735],.template-icon-wrapper[data-v-51ff8735]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.template-icon-count[data-v-51ff8735]{font-weight:400}.template-empty[data-v-51ff8735],.template-icon-count[data-v-51ff8735]{color:var(--cw-text-secondary);font-size:14px}.template-empty[data-v-51ff8735]{text-align:center;justify-content:center;align-items:center;padding:60px 20px;display:flex}@media (max-width:768px){.header-content[data-v-51ff8735]{padding:env(safe-area-inset-top,0)16px 0;left:0}.workflow-page-container[data-v-51ff8735]{padding:calc(70px + env(safe-area-inset-top,0px))12px calc(80px + env(safe-area-inset-bottom,0px))}.hero-section[data-v-51ff8735]{padding:16px 0}.hero-title[data-v-51ff8735]{font-size:22px;line-height:1.3}.hero-subtitle[data-v-51ff8735]{font-size:14px}.my-workflows-scroll[data-v-51ff8735]{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.my-workflow-card[data-v-51ff8735]{scroll-snap-align:start;min-width:260px;max-width:280px}.section-header[data-v-51ff8735]{padding:0 4px}.content-wrapper[data-v-51ff8735]{gap:20px}.category-filter-container[data-v-51ff8735]{gap:8px}.category-btn[data-v-51ff8735],.create-workflow-btn[data-v-51ff8735]{padding:8px 16px;font-size:14px}.back-btn[data-v-51ff8735]{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}}