*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}#app{width:100%;min-height:100vh}.particle-canvas[data-v-8f44ee17]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.workflow-card[data-v-d0d88606]{background:#ffffff0d;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #1f26875e}.workflow-card[data-v-d0d88606]:hover{transform:translateY(-10px);box-shadow:0 12px 40px #1f268780;border-color:#fff3}.card-preview[data-v-d0d88606]{position:relative;height:200px;overflow:hidden}.preview-placeholder[data-v-d0d88606]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-icon[data-v-d0d88606]{font-size:4rem;opacity:.8;animation:float-d0d88606 3s ease-in-out infinite}@keyframes float-d0d88606{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-overlay[data-v-d0d88606]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.workflow-card:hover .card-overlay[data-v-d0d88606]{opacity:1}.view-btn[data-v-d0d88606]{padding:12px 30px;background:#fff;color:#333;border-radius:25px;font-weight:700;font-size:14px}.card-content[data-v-d0d88606]{padding:20px}.card-title[data-v-d0d88606]{color:#fff;font-size:1.5rem;margin-bottom:10px;font-weight:600}.card-description[data-v-d0d88606]{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin-bottom:15px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-tags[data-v-d0d88606]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag[data-v-d0d88606]{padding:4px 12px;background:#ffffff1a;border-radius:12px;color:#fffc;font-size:.75rem}.card-footer[data-v-d0d88606]{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.card-stats[data-v-d0d88606]{display:flex;gap:15px}.stat-item[data-v-d0d88606]{color:#fff9;font-size:.85rem;display:flex;align-items:center;gap:5px}.copy-btn[data-v-d0d88606]{padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .3s ease}.copy-btn[data-v-d0d88606]:hover{transform:scale(1.05);box-shadow:0 5px 15px #667eea66}.copy-btn.copied[data-v-d0d88606]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.modal-overlay[data-v-34944465]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-34944465]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;padding:40px;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.close-btn[data-v-34944465]{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;border-radius:50%;transition:all .3s ease}.close-btn[data-v-34944465]:hover{background:#ffffff1a;transform:rotate(90deg)}.modal-header[data-v-34944465]{margin-bottom:30px}.modal-header h2[data-v-34944465]{color:#fff;font-size:2rem;margin-bottom:15px}.modal-tags[data-v-34944465]{display:flex;flex-wrap:wrap;gap:10px}.tag[data-v-34944465]{padding:6px 15px;background:#ffffff1a;border-radius:15px;color:#fffc;font-size:.85rem}.modal-body[data-v-34944465],.preview-section[data-v-34944465]{margin-bottom:30px}.preview-large[data-v-34944465]{height:300px;border-radius:15px;display:flex;align-items:center;justify-content:center}.preview-large .preview-icon[data-v-34944465]{font-size:6rem;opacity:.8;animation:float-34944465 3s ease-in-out infinite}@keyframes float-34944465{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.info-section h3[data-v-34944465]{color:#fff;font-size:1.3rem;margin:20px 0 10px}.info-section p[data-v-34944465]{color:#ffffffb3;line-height:1.8;margin-bottom:20px}.json-container[data-v-34944465]{position:relative;background:#0000004d;border-radius:10px;padding:20px;max-height:300px;overflow-y:auto}.json-container pre[data-v-34944465]{color:#43e97b;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;margin:0}.copy-json-btn[data-v-34944465]{position:absolute;top:10px;right:10px;padding:8px 15px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .3s ease}.copy-json-btn[data-v-34944465]:hover{transform:scale(1.05)}.modal-footer[data-v-34944465]{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.modal-stats[data-v-34944465]{color:#fff9;font-size:.9rem}.modal-stats span[data-v-34944465]{margin-right:20px}.action-btn[data-v-34944465]{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.action-btn[data-v-34944465]:hover{transform:scale(1.05);box-shadow:0 5px 20px #667eea66}.home-container[data-v-fc778f05]{position:relative;width:100%;min-height:100vh}.header[data-v-fc778f05]{position:fixed;top:0;left:0;right:0;z-index:100;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.header-content[data-v-fc778f05]{max-width:1400px;margin:0 auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-fc778f05]{display:flex;align-items:center;gap:10px}.logo-icon[data-v-fc778f05]{font-size:2rem}.logo h1[data-v-fc778f05]{color:#fff;font-size:1.5rem;font-weight:600}.nav[data-v-fc778f05]{display:flex;gap:30px}.nav-link[data-v-fc778f05]{color:#ffffffb3;text-decoration:none;font-size:1rem;transition:color .3s ease}.nav-link[data-v-fc778f05]:hover,.nav-link.active[data-v-fc778f05]{color:#fff}.main-content[data-v-fc778f05]{padding-top:100px}.hero-section[data-v-fc778f05]{text-align:center;padding:80px 20px}.hero-title[data-v-fc778f05]{color:#fff;font-size:3rem;margin-bottom:20px;min-height:4rem}.typing-text[data-v-fc778f05]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cursor[data-v-fc778f05]{color:#667eea;animation:blink-fc778f05 1s infinite}@keyframes blink-fc778f05{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle[data-v-fc778f05]{color:#ffffffb3;font-size:1.2rem;margin-bottom:40px}.search-box[data-v-fc778f05]{max-width:600px;margin:0 auto;position:relative}.search-input[data-v-fc778f05]{width:100%;padding:15px 50px 15px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.search-input[data-v-fc778f05]:focus{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 20px #667eea4d}.search-input[data-v-fc778f05]::placeholder{color:#ffffff80}.search-icon[data-v-fc778f05]{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.2rem}.filter-section[data-v-fc778f05]{padding:40px 20px}.filter-tags[data-v-fc778f05]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.filter-tag[data-v-fc778f05]{padding:10px 25px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#ffffffb3;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-tag[data-v-fc778f05]:hover{background:#ffffff1a;border-color:#fff3}.filter-tag.active[data-v-fc778f05]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.workflows-section[data-v-fc778f05]{padding:40px 40px 80px;max-width:1400px;margin:0 auto}.workflows-grid[data-v-fc778f05]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.empty-state[data-v-fc778f05]{text-align:center;padding:60px 20px;color:#ffffff80;font-size:1.2rem}.footer[data-v-fc778f05]{text-align:center;padding:30px;color:#ffffff80;font-size:.9rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.header-content[data-v-fc778f05]{padding:15px 20px}.logo h1[data-v-fc778f05]{font-size:1.2rem}.nav[data-v-fc778f05]{gap:15px}.hero-title[data-v-fc778f05]{font-size:2rem}.workflows-grid[data-v-fc778f05]{grid-template-columns:1fr}}