@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-header: rgba(15, 15, 15, .85);--bg-glass: rgba(255, 255, 255, .05);--bg-banner: #A0E9FF;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #666666;--text-invert: #000000;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent-shine: linear-gradient(45deg, transparent 25%, rgba(255,255,255,.1) 50%, transparent 75%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.3);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15)}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1440px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit;padding:0;transition:all .2s ease}a{text-decoration:none;color:inherit;transition:color .2s ease}img{max-width:100%;display:block}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.p-4{padding:16px}.w-full{width:100%}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-muted{color:var(--text-secondary)}.relative{position:relative}.absolute{position:absolute}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.header{position:sticky;top:0;z-index:50;width:100%;height:64px;background-color:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:100%;padding:0 24px}.header-left{display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;color:var(--text-primary);letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:24px}.nav-item{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s;padding:8px 12px;border-radius:var(--radius-sm)}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#ffffff0d}.header-right{display:flex;align-items:center;gap:16px}.btn-secondary{color:var(--text-primary);font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--radius-full);background:#ffffff1a;transition:background .2s}.btn-secondary:hover{background:#ffffff26}.btn-icon{padding:8px;color:var(--text-secondary);border-radius:var(--radius-full);display:flex;align-items:center;gap:4px}.btn-icon:hover{color:var(--text-primary);background:#ffffff0d}.language-selector{position:relative}.language-btn{display:flex;align-items:center;gap:4px}.language-btn .chevron{transition:transform .2s}.language-btn .chevron.open{transform:rotate(180deg)}.language-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000080;min-width:180px;overflow:hidden;z-index:100}.language-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);font-size:14px;text-align:left;transition:background .2s;border:none;background:transparent;cursor:pointer}.language-option:hover{background:#ffffff0d}.language-option.active{background:#3b82f61a;color:#3b82f6}.language-flag{font-size:20px;line-height:1}.language-option .check{margin-left:auto;color:#3b82f6;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#556270);border:2px solid rgba(255,255,255,.1);cursor:pointer}.home-container{padding:32px 40px;max-width:1440px;margin:0 auto}.section{margin-bottom:48px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{font-size:20px;font-weight:600;color:var(--text-primary)}.view-all{font-size:14px;color:var(--text-secondary);cursor:pointer}.view-all:hover{color:var(--text-primary)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.create-project-card{grid-column:span 1;background:linear-gradient(135deg,#2563eb,#9333ea);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden;height:140px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;box-shadow:0 10px 30px -10px #3b82f680;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.create-project-card:hover{transform:scale(1.02)}.create-project-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:#ffffff1a;border-radius:50%;filter:blur(20px)}.card-title{font-size:18px;font-weight:700;margin:0;z-index:1}.card-desc{font-size:13px;opacity:.9;margin-top:4px;z-index:1}.tool-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;gap:16px;height:140px;border:1px solid rgba(255,255,255,.05);transition:background .2s,transform .2s;cursor:pointer}.tool-item:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.tool-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#333}.tool-details h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.tool-details p{margin:4px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.4}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.rec-card{display:flex;flex-direction:column;gap:12px;cursor:pointer;group:hover}.rec-image-wrapper{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.rec-image{width:100%;height:100%;object-fit:cover;transition:transform .5s}.rec-card:hover .rec-image{transform:scale(1.05)}.rec-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}.rec-placeholder .placeholder-icon{font-size:64px;opacity:.5}.rec-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.rec-card:hover .rec-overlay{opacity:1}.rec-use-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6e6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.rec-use-btn:hover:not(:disabled){background:#3b82f6;transform:scale(1.05)}.rec-use-btn:disabled{opacity:.6;cursor:not-allowed}.rec-meta{display:flex;flex-direction:column;gap:8px}.rec-meta h3{font-size:15px;font-weight:500;margin:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-user{display:flex;align-items:center;gap:8px}.rec-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.rec-avatar-placeholder{width:20px;height:20px;border-radius:50%;background:#555;display:flex;align-items:center;justify-content:center;color:#999}.rec-username{font-size:12px;color:var(--text-secondary)}.rec-time{font-size:11px;color:var(--text-tertiary)}.workspace-container{padding:32px 40px;max-width:1440px;margin:0 auto;min-height:calc(100vh - 100px)}.workspace-tabs{display:flex;align-items:center;gap:32px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px}.tab-btn{font-size:16px;font-weight:500;color:var(--text-secondary);padding-bottom:12px;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.action-left{display:flex;align-items:center;gap:16px}.search-wrapper{position:relative;width:240px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:8px 12px 8px 36px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--text-secondary)}.sort-dropdown{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:14px;cursor:pointer}.btn-primary{background:#1fa2dc;color:#fff;font-weight:600;padding:10px 20px;border-radius:var(--radius-full);display:flex;align-items:center;gap:8px;transition:filter .2s}.btn-primary:hover{filter:brightness(1.1)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.project-list{display:flex;flex-direction:column;gap:8px}.project-list-item{background:#1f1f1f;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;transition:all .2s}.project-list-item:hover{border-color:#fff3;background:#242424}.new-project-item{border:1px dashed rgba(255,255,255,.2);background:transparent}.new-project-item:hover{border-color:#1fa2dc;background:#1fa2dc0d}.project-card{background:transparent;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;gap:12px;cursor:pointer;position:relative}.card-preview{position:relative;width:100%;aspect-ratio:16/10;background:#1f1f1f;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:border-color .2s}.project-card:hover .card-preview{border-color:#fff3}.card-preview img{width:100%;height:100%;object-fit:cover}.new-project-card .card-preview{background:#1f1f1f;border:1px dashed rgba(255,255,255,.2);flex-direction:column;gap:12px;color:var(--text-primary)}.new-project-card:hover .card-preview{border-color:#1fa2dc;background:#1fa2dc0d}.card-info{padding:0 4px;display:flex;flex-direction:column;gap:4px}.card-title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:12px;color:var(--text-secondary)}.delete-btn{position:absolute;bottom:8px;right:8px;background:#0009;padding:6px;border-radius:6px;opacity:0;transition:opacity .2s}.project-card:hover .delete-btn,.project-card:hover .export-btn{opacity:1}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 0;color:var(--text-secondary)}.execution-progress-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;z-index:10}.execution-progress-overlay .progress-content{display:flex;flex-direction:column;align-items:center;gap:12px}.execution-progress-overlay .progress-text{color:#fff;font-size:13px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.execution-progress-overlay .progress-bar{position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#4ecdc4,#1fa2dc);border-radius:0 0 12px 12px;transition:width .5s ease;box-shadow:0 0 8px #4ecdc480}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.project-card:hover .export-btn{opacity:1!important}.result-library{display:flex;flex-direction:column;height:100%;background:#1a1a1a}.result-library-filters{display:flex;flex-direction:column;padding:16px 20px;border-bottom:1px solid #333;gap:12px}.filter-level{display:flex;flex-wrap:wrap;gap:8px}.filter-level-1{padding-bottom:12px;border-bottom:1px solid #333}.filter-level-2{padding:8px 0}.filter-level-3{padding-top:8px;border-top:1px solid #2a2a2a}.type-filter{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#999;font-size:14px;cursor:pointer;transition:all .2s}.type-filter:hover{background:#333;color:#fff}.type-filter.active{background:#4a4a4a;border-color:#666;color:#fff}.type-filter .count{padding:2px 8px;background:#ffffff1a;border-radius:10px;font-size:12px}.category-filter{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid #3a3a3a;border-radius:16px;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.category-filter:hover{background:#2a2a2a;color:#fff}.category-filter.active{background:#3498db;border-color:#3498db;color:#fff}.category-filter .count{padding:1px 6px;background:#ffffff26;border-radius:8px;font-size:11px}.model-filter{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid #333;border-radius:12px;color:#777;font-size:12px;cursor:pointer;transition:all .2s}.model-filter:hover{background:#2a2a2a;color:#ccc}.model-filter.active{background:#2ecc71;border-color:#2ecc71;color:#fff}.model-filter .count{padding:1px 5px;background:#ffffff26;border-radius:6px;font-size:10px}.actions{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#999}.search-box input{background:transparent;border:none;outline:none;color:#fff;font-size:14px;width:150px}.search-box input::placeholder{color:#666}.batch-delete{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#c0392b;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.batch-delete:hover{background:#e74c3c}.view-toggle{display:flex;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;overflow:hidden}.view-toggle button{padding:8px 12px;background:transparent;border:none;color:#999;cursor:pointer;transition:all .2s}.view-toggle button:hover{color:#fff}.view-toggle button.active{background:#4a4a4a;color:#fff}.result-list{flex:1;overflow-y:auto;padding:20px}.result-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.result-list.list{display:flex;flex-direction:column;gap:8px}.result-list .loading,.result-list .empty{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:14px}.result-list.grid .result-item{position:relative;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.result-list.grid .result-item:hover{border-color:#666;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.result-list.grid .result-item.selected{border-color:#3498db}.result-list.grid .thumbnail{position:relative;aspect-ratio:1;background:#1a1a1a}.result-list.grid .thumbnail img,.result-list.grid .thumbnail video{width:100%;height:100%;object-fit:cover}.result-list.grid .thumbnail .audio-placeholder,.result-list.grid .thumbnail .text-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#666;background:#1a1a2e}.result-list.grid .thumbnail .type-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:#000000b3;border-radius:6px;color:#fff}.result-list.grid .thumbnail .output-count{position:absolute;top:8px;right:8px;min-width:24px;height:24px;padding:0 6px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.result-list.grid .info{padding:12px}.result-list.grid .info .title{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.result-list.grid .info .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-list.grid .info .meta .category-tag{padding:2px 6px;background:#3498db33;border-radius:4px;color:#3498db;font-size:11px}.result-list.grid .info .meta .date,.result-list.grid .info .date{font-size:12px;color:#666}.result-summary{padding:8px 20px;color:#666;font-size:13px;border-bottom:1px solid #2a2a2a}.result-list.grid .select-box{position:absolute;top:8px;right:8px;z-index:10;opacity:0;transition:opacity .2s}.result-list.grid .result-item:hover .select-box,.result-list.grid .result-item.selected .select-box{opacity:1}.result-list.grid .select-box input{width:18px;height:18px;cursor:pointer}.result-list.grid .item-actions{position:absolute;bottom:50px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.result-list.grid .result-item:hover .item-actions{opacity:1}.result-list.grid .item-actions button{padding:6px;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s}.result-list.grid .item-actions button:hover{background:#000000e6}.result-list.list .result-item-list{display:flex;align-items:stretch;gap:16px;padding:16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;transition:all .2s;min-height:120px}.result-list.list .result-item-list:hover{border-color:#555;background:#2d2d2d}.result-list.list .result-item-list.selected{border-color:#3498db}.result-list.list .list-left{display:flex;align-items:flex-start;gap:12px;flex-shrink:0;width:380px;min-width:320px}.result-list.list .list-left .select-box{flex-shrink:0;padding-top:4px}.result-list.list .list-left .thumbnail{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#1a1a1a;flex-shrink:0;position:relative;cursor:pointer}.result-list.list .list-left .thumbnail img,.result-list.list .list-left .thumbnail video{width:100%;height:100%;object-fit:cover}.result-list.list .list-left .thumbnail .type-badge{position:absolute;bottom:4px;left:4px;padding:2px 4px;background:#000000b3;border-radius:4px;color:#fff}.result-list.list .list-left .thumbnail .output-count{position:absolute;bottom:4px;right:4px;min-width:18px;height:18px;padding:0 4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9px;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.result-list.list .list-left .thumbnail .audio-placeholder,.result-list.list .list-left .thumbnail .text-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#666}.result-list.list .list-left .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.result-list.list .list-left .info .title{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-list.list .list-left .info .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-list.list .list-left .info .meta .category-tag{padding:2px 6px;background:#3498db33;border-radius:4px;color:#3498db;font-size:11px}.result-list.list .list-left .info .meta .date{font-size:12px;color:#666}.result-list.list .list-left .info .meta .model-method-tag{padding:2px 6px;background:#2ecc7133;border-radius:4px;color:#2ecc71;font-size:11px;font-weight:500}.result-list.list .list-left .info .input-prompt{display:flex;gap:6px;margin-top:6px;padding:6px 8px;background:#9b59b61a;border-left:2px solid #9b59b6;border-radius:4px;font-size:12px;line-height:1.4}.result-list.list .list-left .info .input-prompt .prompt-label{color:#9b59b6;flex-shrink:0;font-weight:500}.result-list.list .list-left .info .input-prompt .prompt-text{color:#bbb;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result-list.list .list-left .info .params{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:6px;max-height:60px;overflow-y:auto}.result-list.list .list-left .info .input-sources{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 0}.result-list.list .list-left .info .input-sources .input-label{font-size:11px;color:#888;flex-shrink:0}.result-list.list .list-left .info .input-sources .input-thumbs{display:flex;align-items:center;gap:4px}.result-list.list .list-left .info .input-sources .input-thumb{width:32px;height:32px;border-radius:4px;object-fit:cover;border:1px solid #3a3a3a;cursor:pointer;transition:transform .2s}.result-list.list .list-left .info .input-sources .input-thumb:hover{transform:scale(1.2);border-color:#3498db;z-index:10;box-shadow:0 4px 8px #0000004d}.result-list.list .list-left .info .input-sources .input-thumb-audio{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#4ecdc4;cursor:pointer}.result-list.list .list-left .info .input-sources .input-thumb-audio:hover{color:#fff;background:linear-gradient(135deg,#16213e,#0f3460)}.result-list.list .list-left .info .input-sources .input-thumb-video{position:relative;overflow:hidden;cursor:pointer;padding:0}.result-list.list .list-left .info .input-sources .input-thumb-video .input-thumb-video-el{width:100%;height:100%;object-fit:cover}.result-list.list .list-left .info .input-sources .input-thumb-video .input-thumb-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;opacity:0;transition:opacity .2s}.result-list.list .list-left .info .input-sources .input-thumb-video:hover .input-thumb-video-overlay{opacity:1}.result-list.list .list-left .info .input-sources .more-count{font-size:11px;color:#888;padding:4px 6px;background:#ffffff0d;border-radius:4px}.result-list.list .list-left .info .params::-webkit-scrollbar{width:4px}.result-list.list .list-left .info .params::-webkit-scrollbar-track{background:transparent}.result-list.list .list-left .info .params::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.result-list.list .list-left .info .params .param-item{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#ffffff08;border:1px solid #333;border-radius:4px;font-size:11px;max-width:200px}.result-list.list .list-left .info .params .param-item .param-label{color:#666;flex-shrink:0}.result-list.list .list-left .info .params .param-item .param-value{color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-list.list .list-left .info .params .param-item.param-model{background:#3498db1a;border-color:#3498db4d}.result-list.list .list-left .info .params .param-item.param-model .param-label{color:#3498db}.result-list.list .list-left .info .params .param-item:has(.param-label:first-child){max-width:280px}.result-list.list .list-outputs{flex:1;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 0;min-width:0}.result-list.list .list-outputs::-webkit-scrollbar{height:6px}.result-list.list .list-outputs::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.result-list.list .list-outputs::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.result-list.list .list-outputs::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.result-list.list .output-thumb{flex-shrink:0;width:100px;height:100px;border-radius:8px;overflow:hidden;background:#1a1a1a;position:relative;cursor:pointer;transition:transform .2s}.result-list.list .output-thumb:hover{transform:scale(1.05)}.result-list.list .output-thumb img,.result-list.list .output-thumb video{width:100%;height:100%;object-fit:cover}.result-list.list .output-thumb .audio-placeholder,.result-list.list .output-thumb .text-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#666}.result-list.list .output-thumb .download-single{position:absolute;bottom:4px;right:4px;width:24px;height:24px;padding:0;background:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.result-list.list .output-thumb:hover .download-single{opacity:1}.result-list.list .output-thumb .download-single:hover{background:#3498db}.result-list.list .list-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;justify-content:center}.result-list.list .list-actions button{padding:10px;background:transparent;border:1px solid #3a3a3a;border-radius:8px;color:#999;cursor:pointer;transition:all .2s}.result-list.list .list-actions button:hover{background:#3a3a3a;color:#fff}.result-list.list .result-item{display:flex;align-items:center;gap:12px;padding:12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;cursor:pointer;transition:all .2s}.result-list.list .result-item:hover{border-color:#666}.result-list.list .result-item.selected{border-color:#3498db}.result-list.list .select-box{flex-shrink:0}.result-list.list .thumbnail{width:60px;height:60px;border-radius:6px;overflow:hidden;background:#1a1a1a;flex-shrink:0;position:relative}.result-list.list .thumbnail img,.result-list.list .thumbnail video{width:100%;height:100%;object-fit:cover}.result-list.list .thumbnail .type-badge{position:absolute;bottom:2px;left:2px;padding:2px 4px;background:#000000b3;border-radius:4px;color:#fff}.result-list.list .thumbnail .output-count{position:absolute;bottom:2px;right:2px;min-width:18px;height:18px;padding:0 4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9px;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.result-list.list .info{flex:1;min-width:0}.result-list.list .info .title{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.result-list.list .info .meta{display:flex;align-items:center;gap:8px}.result-list.list .info .meta .category-tag{padding:1px 5px;background:#3498db33;border-radius:3px;color:#3498db;font-size:11px}.result-list.list .info .meta .date,.result-list.list .info .date{font-size:12px;color:#666}.result-list.list .item-actions{display:flex;gap:8px;flex-shrink:0}.result-list.list .item-actions button{padding:8px;background:transparent;border:1px solid #3a3a3a;border-radius:6px;color:#999;cursor:pointer;transition:all .2s}.result-list.list .item-actions button:hover{background:#3a3a3a;color:#fff}.load-more{display:flex;justify-content:center;padding:20px}.load-more button{padding:10px 24px;background:#3498db;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.load-more button:hover:not(:disabled){background:#2980b9}.load-more button:disabled{opacity:.5;cursor:not-allowed}.preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.preview-content.preview-large{position:relative;width:95vw;height:95vh;max-width:none;max-height:none;background:#1a1a1a;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.preview-content .close-btn{position:absolute;top:20px;right:20px;width:48px;height:48px;padding:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:10;transition:all .2s;display:flex;align-items:center;justify-content:center}.preview-content .close-btn:hover{background:#000000e6;transform:scale(1.1)}.preview-content .nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;padding:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:10;transition:all .2s;display:flex;align-items:center;justify-content:center}.preview-content .nav-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.preview-content .nav-prev{left:20px}.preview-content .nav-next{right:20px}.preview-main-image{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 100px 20px}.preview-main-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border-radius:8px}.preview-main-image video{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px}.preview-main-image .audio-preview-large{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#666;padding:60px}.preview-main-image .audio-preview-large audio{width:400px}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.preview-footer .preview-info h3{margin:0 0 8px;font-size:16px;color:#fff;font-weight:500}.preview-footer .preview-meta{display:flex;align-items:center;gap:12px;color:#888;font-size:13px}.preview-footer .preview-meta .category-tag{padding:3px 8px;background:#3498db33;border-radius:4px;color:#3498db;font-size:12px}.preview-footer .preview-meta .image-counter{padding:3px 10px;background:#ffffff1a;border-radius:12px;color:#fff;font-size:12px;font-weight:500}.preview-footer .preview-actions{display:flex;gap:12px}.preview-footer .preview-actions button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.preview-footer .preview-actions button:hover{background:#fff3;border-color:#ffffff4d}.preview-footer .preview-actions button.btn-primary{background:#3498db;border-color:#3498db}.preview-footer .preview-actions button.btn-primary:hover{background:#2980b9;border-color:#2980b9}.preview-thumbnails{display:flex;gap:8px;padding:12px 24px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto;overflow-y:hidden}.preview-thumbnails::-webkit-scrollbar{height:6px}.preview-thumbnails::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.preview-thumbnails::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.preview-thumbnails::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.preview-thumb{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;opacity:.5}.preview-thumb:hover{opacity:.8;border-color:#ffffff4d}.preview-thumb.active{opacity:1;border-color:#3498db;box-shadow:0 0 0 2px #3498db4d}.preview-thumb img,.preview-thumb video{width:100%;height:100%;object-fit:cover}.preview-thumb .audio-placeholder-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#666}.preview-content{position:relative;max-width:95vw;max-height:90vh;background:#1a1a1a;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.preview-content.preview-input-source{padding:20px;display:flex;align-items:center;justify-content:center}.preview-content.preview-input-source .preview-audio-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 30px}.preview-content.preview-input-source .preview-audio-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;color:#4ecdc4}.preview-content.preview-input-source video{border-radius:8px}.preview-header{padding:20px;border-bottom:1px solid #333}.preview-header h3{margin:0 0 8px;font-size:18px;color:#fff}.preview-meta{display:flex;align-items:center;gap:12px;color:#888;font-size:13px}.preview-meta .category-tag{padding:3px 8px;background:#3498db33;border-radius:4px;color:#3498db;font-size:12px}.preview-gallery{display:flex;gap:16px;padding:20px;overflow-x:auto;overflow-y:hidden;max-height:70vh}.preview-gallery::-webkit-scrollbar{height:8px}.preview-gallery::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.preview-gallery::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.preview-gallery::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.preview-item{flex-shrink:0;position:relative;border-radius:12px;overflow:hidden;background:#2a2a2a}.preview-item img{height:50vh;max-height:500px;width:auto;object-fit:contain;display:block}.preview-item video{height:50vh;max-height:500px;width:auto;max-width:80vw}.preview-item .audio-preview-item{width:300px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666}.preview-item .audio-preview-item audio{width:260px}.preview-item-actions{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:8px;opacity:0;transition:opacity .2s}.preview-item:hover .preview-item-actions{opacity:1}.preview-item-actions button{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#000000b3;border:none;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s}.preview-item-actions button:hover{background:#3498db}.preview-content>img,.preview-content>video{max-width:100%;max-height:70vh;object-fit:contain}.preview-content .audio-preview{padding:60px;display:flex;flex-direction:column;align-items:center;gap:24px;color:#666}.preview-content .audio-preview audio{width:300px}.preview-info{padding:20px;border-top:1px solid #333}.preview-info h3{margin:0 0 12px;font-size:18px;color:#fff}.preview-info p{margin:4px 0;font-size:14px;color:#999}.preview-actions{display:flex;gap:12px;margin-top:16px}.preview-actions button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3498db;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.preview-actions button:hover{background:#2980b9}.result-library.compact .result-library-filters{padding:12px}.result-library.compact .type-filters{flex-wrap:wrap}.result-library.compact .type-filter{padding:6px 12px;font-size:12px}.result-library.compact .type-filter .count{padding:1px 6px;font-size:11px}.result-library.compact .search-box{padding:6px 10px}.result-library.compact .search-box input{width:100px;font-size:12px}.result-library.compact .result-list{padding:12px}.result-library.compact .result-list.grid{grid-template-columns:repeat(2,1fr);gap:12px}.result-library.compact .info .title{font-size:12px}.result-library.compact .info .date{font-size:11px}.text-preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0d0d1a;border-radius:8px;overflow:auto}.text-preview-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#888}.text-preview-loading span{font-size:14px}.text-preview-body{width:100%;height:100%;margin:0;padding:24px 32px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;color:#e0e0e0;white-space:pre-wrap;word-break:break-word;overflow-y:auto;background:transparent}.canvas-page{width:100vw;height:100vh;background-color:#0f0f0f;background-image:radial-gradient(#333 1px,transparent 1px);background-size:24px 24px;position:relative;overflow:hidden;color:#fff;cursor:grab}.canvas-page:active{cursor:grabbing}.canvas-content-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.canvas-content-layer>*{pointer-events:auto}.canvas-header{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0f0f0f80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid rgba(255,255,255,.05)}.header-left{display:flex;align-items:center;gap:16px}.project-title-wrapper{position:relative;display:inline-block}.project-title{background:transparent;border:1px solid transparent;color:#fff;font-size:16px;font-weight:500;padding:6px 12px;border-radius:8px;outline:none;transition:all .2s,width .15s ease;cursor:text;min-width:200px;max-width:800px;width:auto}.project-title-sizer{position:absolute;visibility:hidden;white-space:pre;font-size:16px;font-weight:500;padding:6px 12px;pointer-events:none}.project-title:hover{background:#ffffff14;border-color:#ffffff26}.project-title:focus{background:#ffffff1f;border-color:#ffffff40}.header-right{display:flex;align-items:center;gap:12px}.header-btn{background:#ffffff1a;border:none;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.header-btn:hover{background:#fff3}.header-btn.primary{background:#fff;color:#000}.header-btn.primary:hover{filter:brightness(.9)}.header-btn.published{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.header-btn.published:hover{background:#10b9814d}.canvas-sidebar{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:24px;width:56px;z-index:40;box-shadow:0 4px 20px #0000004d}.sidebar-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:#a1a1aa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sidebar-btn:hover{background:#ffffff1a;color:#fff}.sidebar-btn.active{background:#1fa2dc1a;color:#1fa2dc}.sidebar-divider{width:24px;height:1px;background:#ffffff1a}.canvas-center-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;pointer-events:none}.prompt-text{font-size:16px;color:#a1a1aa}.quick-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.action-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;width:120px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:transform .2s,background .2s}.action-card:hover{transform:translateY(-4px);background:#282828e6;border-color:#fff3}.action-icon{width:40px;height:40px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#fff}.action-label{font-size:13px;color:#e5e5e5;text-align:center}.zoom-controls{position:absolute;bottom:24px;left:24px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:16px;color:#a1a1aa;font-size:12px}.ai-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1fa2dc,#117099);border:none;box-shadow:0 4px 12px #1fa2dc66;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.ai-fab:hover{transform:scale(1.05)}.node-menu-panel{width:240px;background:#121212cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:6px;z-index:1000;box-shadow:0 20px 40px -10px #00000080,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:2px;animation:menuFadeIn .2s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.floating-node-menu .node-menu-panel{animation:none}.menu-header{font-size:11px;color:#ffffff4d;padding:6px 10px 4px;font-weight:500;letter-spacing:.02em}.node-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.node-menu-item:hover{background:#ffffff08}.menu-item-icon-box{width:32px;height:32px;background:#ffffff0a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.04)}.menu-item-info{display:flex;flex-direction:column;flex:1}.menu-item-title{font-size:13.5px;font-weight:500;color:#fffffff2;display:flex;align-items:center;gap:8px}.menu-item-desc{font-size:10px;color:#ffffff4d;margin-top:1px}.badge-version{font-size:10px;color:#ffffff4d;font-weight:400;background:#ffffff0d;padding:1px 6px;border-radius:4px}.ai-badge{color:#1fa2dc;opacity:.8}.image-preview-toolbar{position:absolute;top:-88px;left:50%;transform:translate(-50%);background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:10px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0006;z-index:100;white-space:nowrap}.toolbar-btn{display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;opacity:.8;cursor:pointer;transition:opacity .2s}.toolbar-btn:hover{opacity:1}.toolbar-btn span{font-size:13px;font-weight:400}.toolbar-divider{width:1px;height:16px;background:#fff3}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;color:#fff;opacity:.8;cursor:pointer;transition:opacity .2s}.toolbar-icon-btn:hover{opacity:1}.menu-divider{height:1px;background:#ffffff0d;margin:4px 12px}.sidebar-btn.active,.sidebar-btn:hover{background:#fff!important;color:#000!important}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.floating-node-menu{position:fixed;z-index:1001;animation:menuQuickPop .25s cubic-bezier(.16,1,.3,1)}@keyframes menuQuickPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sidebar-plus-container{position:relative;width:44px;height:44px;display:flex;justify-content:center;align-items:center;margin-bottom:8px}.sidebar-plus-menu-container{position:absolute;left:100%;top:0;margin-left:12px;z-index:1000;width:280px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;pointer-events:auto;animation:menuFadeIn .2s ease-out;transform-origin:top left}.sidebar-plus-menu-container .node-menu-panel{border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;width:100%;animation:none;padding:2px 4px}.plus-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s;background:#fe502d!important;color:#fff!important;border:none;border-radius:50%!important;width:44px!important;height:44px!important;display:flex;align-items:center;justify-content:center;cursor:pointer}.plus-btn:hover{filter:brightness(1.1)}.plus-btn.active{transform:rotate(45deg);background:#333!important;color:#fff!important}.item-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.item-badge{height:16px;padding:0 6px;border-radius:8px;background:#fff;color:#000;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;white-space:nowrap}.item-icon-wrapper{width:36px;height:36px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.menu-section{padding:8px 0}.canvas-node{position:absolute;background:#1f1f1f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;min-width:320px;max-width:420px;cursor:grab;transition:all .2s;box-shadow:0 4px 12px #0000004d;-webkit-user-select:none;user-select:none}.canvas-node:hover{border-color:#ffffff26;box-shadow:0 6px 16px #0006}.canvas-node.selected{border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0009}.canvas-node.has-image-content{min-width:288px;max-width:378px}.canvas-node.dragging{cursor:grabbing;opacity:.8;box-shadow:0 12px 32px #0009;z-index:1000;transition:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.canvas-node.dragging img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);will-change:transform}.node-title-container{position:absolute;top:-28px;left:0;pointer-events:none}.node-title{color:#ffffff80;font-size:14px;font-weight:500}.node-title-input{color:#ffffffe6;font-size:14px;font-weight:500;padding:0;background:transparent;border:none;outline:none;width:200px;font-family:inherit;pointer-events:auto}.node-body{display:flex;flex-direction:column;gap:12px}.try-label{font-size:13px;color:#ffffff59;font-weight:400;margin-bottom:8px;margin-top:4px}.edge-tools{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#777;cursor:pointer;transition:all .2s ease;border-radius:50%}.edge-tools:hover{color:#ff4d4f;transform:scale(1.2) rotate(-45deg);background:#ffffff1a}.action-list{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.action-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;margin:0 -8px;border-radius:6px;cursor:default;transition:all .2s;opacity:.9}.action-item:hover{background:#ffffff1a;opacity:1}.action-item.active-mode{background:#4ecdc426;border:1px solid rgba(78,205,196,.3)}.action-item.active-mode span{font-weight:600;color:#fff}.action-content{display:flex;align-items:center;gap:12px}.action-icon-box{width:32px;height:32px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon{display:flex;align-items:center;justify-content:center}.action-item.active-mode .action-icon{color:#4ecdc4}.node-image-container{width:100%}.preview-container{position:relative;width:100%;border-radius:12px;overflow:hidden;line-height:0}.node-preview-img{width:100%;height:auto;display:block;object-fit:contain}.node-upload-overlay{position:absolute;top:8px;right:8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:background .2s}.node-upload-overlay:hover{background:#000c}.node-selected-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);width:680px;background:#1a1a1a;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;color:#fff;padding:16px;z-index:100;cursor:default;pointer-events:auto}.panel-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.style-btn{display:flex;align-items:center;gap:8px;background:#ffffff14;padding:8px 16px;border-radius:8px;font-size:13px;color:#999;cursor:pointer;transition:background .2s;border:1px solid rgba(255,255,255,.05)}.style-btn:hover{background:#ffffff1f}.wand-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d;color:#888;cursor:pointer;border:1px solid rgba(255,255,255,.05)}.prompt-container{background:#0003;border-radius:12px;padding:12px;margin-bottom:20px;border:1px solid rgba(255,255,255,.03)}.prompt-input{width:100%;min-height:80px;background:transparent;border:none;outline:none;color:#fff;font-size:14px;line-height:1.6;resize:none;font-family:inherit}.prompt-input::placeholder{color:#555}.panel-status-bar{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.status-left,.status-right{display:flex;align-items:center;gap:20px}.status-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#888;cursor:pointer;transition:color .2s}.status-item .emoji{font-size:16px}.status-item:hover{color:#fff}.auto-checkbox{width:14px;height:14px;border:1.5px solid #444;border-radius:3px}.credit-badge{display:flex;align-items:center;gap:6px;background:#ffffff14;padding:4px 12px;border-radius:20px;font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.05)}.panel-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.03);font-size:12px;color:#444;cursor:pointer;transition:color .2s}.panel-footer:hover{color:#666}.canvas-node.selected{z-index:10}.action-arrow{opacity:0;color:#fff6;transition:opacity .2s;margin-right:4px}.action-item:hover .action-arrow,.action-item:hover{opacity:1}.action-icon{color:#fff6;flex-shrink:0}.action-item span{font-size:14px;color:#fff9;font-weight:400}.node-expansion-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);width:620px;background:#181818;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;box-shadow:0 12px 40px #000c;z-index:100;cursor:default}.node-textarea{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f5f5f5;font-size:13px;padding:12px;outline:none;resize:none;min-height:80px;font-family:inherit;line-height:1.5;margin-bottom:12px;cursor:text;width:100%;box-sizing:border-box}.node-textarea::placeholder{color:#ffffff4d}.node-textarea:focus{border-color:#ffffff26;background:#ffffff05}.node-textarea-inplace{width:100%;background:transparent;border:none;outline:none;color:#f5f5f5;font-size:16px;resize:none;min-height:140px;max-height:300px;padding:0;font-family:inherit;line-height:1.5;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;box-sizing:border-box}.node-textarea-inplace::-webkit-scrollbar{width:6px}.node-textarea-inplace::-webkit-scrollbar-track{background:transparent}.node-textarea-inplace::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.node-textarea-inplace::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.node-textarea-inplace::placeholder{color:#ffffff4d}.inplace-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:4px;display:flex;justify-content:space-between;align-items:center}.text-display-mode{display:flex;align-items:flex-start;justify-content:flex-start;min-height:140px;max-height:300px;color:#f5f5f5;font-size:16px;cursor:default;width:100%;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;line-height:1.5;padding:12px;box-sizing:border-box}.text-display-mode::-webkit-scrollbar{width:6px}.text-display-mode::-webkit-scrollbar-track{background:transparent}.text-display-mode::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.text-display-mode::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.placeholder-text{color:#ffffff4d}.node-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-selector{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s}.model-selector:hover{background:#ffffff0f;border-color:#ffffff1f}.model-selector span{font-size:12px;color:#ffffffb3}.footer-controls{display:flex;align-items:center;gap:6px}.control-btn{display:flex;align-items:center;gap:4px}.control-btn:hover{background:#ffffff14;border-color:#ffffff1f}.send-btn{width:32px;height:32px;border-radius:50%;background:#1fa2dc;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.send-btn:hover{background:#1da1db;transform:scale(1.05);box-shadow:0 4px 12px #1fa2dc66}.node-handle{position:absolute;width:38px;height:38px;border:1px solid rgba(255,255,255,.4);background:#181818;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;top:50%;display:flex;align-items:center;justify-content:center;color:#ffffffe6;pointer-events:auto!important;cursor:crosshair!important;opacity:0;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:999;touch-action:none}.node-handle.left{left:-30px;transform:translateY(-50%)}.node-handle.right{right:-30px;transform:translateY(-50%)}.canvas-node:hover .node-handle.left,.canvas-node.selected .node-handle.left{opacity:1;left:-68px}.canvas-node:hover .node-handle.right,.canvas-node.selected .node-handle.right{opacity:1;right:-68px}.node-handle:hover{background:#ffffff1a;color:#fffc;border-color:#fff6}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.node-hover-glow{position:relative;z-index:10}.node-hover-glow:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;padding:2px;background:linear-gradient(45deg,#fff3,#fffffff2,#fff3);background-size:200% 200%;animation:borderFlow 2s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:100}.connection-drop-menu{position:fixed;background:#1f1f1f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px;width:260px;box-shadow:0 16px 48px #0009;z-index:9999;animation:fadeIn .1s ease-out;display:flex;flex-direction:column;gap:4px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-header{font-size:14px;color:#fff6;margin:8px 12px;font-weight:500}.menu-list{display:flex;flex-direction:column;gap:4px}.menu-item{display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:12px;cursor:pointer;transition:background .2s cubic-bezier(.25,.1,.25,1);border:1px solid transparent;height:68px}.menu-item:hover{background:#ffffff14}.menu-icon{width:40px;height:40px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fffc;flex-shrink:0}.menu-info{display:flex;flex-direction:column;gap:4px;flex:1;justify-content:center;min-width:0}.menu-label{font-size:15px;color:#fffffff2;font-weight:600;line-height:1.2}.menu-sub{font-size:12px;color:#fff6;line-height:1.4;max-height:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.25,.1,.25,1);margin-top:0}.menu-item:hover .menu-sub{max-height:48px;opacity:1;margin-top:4px}.workflow-template-panel{position:absolute;top:70px;left:80px;width:600px;max-width:calc(100vw - 120px);max-height:calc(100vh - 100px);background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:templatePanelSlideIn .2s ease-out}@keyframes templatePanelSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.template-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.template-tabs{display:flex;gap:4px}.template-tab{background:transparent;border:none;color:#ffffff80;font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.template-tab:hover{color:#fffc;background:#ffffff0d}.template-tab.active{color:#fff;background:#ffffff1a}.template-panel-close{background:transparent;border:none;color:#ffffff80;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.template-panel-close:hover{color:#fff;background:#ffffff1a}.template-panel-content{flex:1;overflow-y:auto;padding:16px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{background:#ffffff08;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;border:1px solid transparent}.template-card:hover{background:#ffffff14;border-color:#4ecdc44d;transform:translateY(-2px)}.template-card-preview{position:relative;aspect-ratio:4 / 3;overflow:hidden}.template-card-preview img{width:100%;height:100%;object-fit:cover}.template-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#4ecdc41a,#1fa2dc1a);display:flex;align-items:center;justify-content:center;color:#4ecdc480}.template-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.template-card:hover .template-card-overlay{opacity:1}.template-card-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.template-card-title{padding:12px;font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.template-empty-icon{font-size:48px;margin-bottom:16px}.template-empty-text{font-size:16px;color:#fff;margin-bottom:8px}.template-empty-hint{font-size:13px;color:#ffffff80}@media (max-width: 800px){.workflow-template-panel{width:calc(100vw - 100px)}.template-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.template-grid{grid-template-columns:1fr}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.canvas-result-panel{position:fixed;left:80px;top:80px;width:280px;height:calc(100vh - 80px);background:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;z-index:50;box-shadow:4px 0 12px #0000004d}.canvas-result-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.canvas-result-panel .panel-title{font-size:14px;font-weight:500;color:#fff}.canvas-result-panel .close-btn{padding:4px;background:transparent;border:none;border-radius:4px;color:#999;cursor:pointer;transition:all .2s}.canvas-result-panel .close-btn:hover{background:#333;color:#fff}.canvas-result-panel .type-tabs{display:flex;gap:4px;padding:12px;border-bottom:1px solid #333}.canvas-result-panel .type-tab{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#999;font-size:12px;cursor:pointer;transition:all .2s}.canvas-result-panel .type-tab:hover{background:#333;color:#fff}.canvas-result-panel .type-tab.active{background:#4a4a4a;border-color:#666;color:#fff}.canvas-result-panel .search-box{display:flex;align-items:center;gap:8px;margin:12px;padding:8px 10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#999}.canvas-result-panel .search-box input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:12px}.canvas-result-panel .search-box input::placeholder{color:#666}.canvas-result-panel .result-grid{flex:1;overflow-y:auto;padding:8px 12px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:start}.canvas-result-panel .result-grid .loading,.canvas-result-panel .result-grid .empty{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;height:100px;color:#666;font-size:12px}.canvas-result-panel .result-item{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.canvas-result-panel .result-item:hover{border-color:#666;transform:translateY(-2px);box-shadow:0 2px 8px #0000004d}.canvas-result-panel .result-item:active{transform:translateY(0)}.canvas-result-panel .result-item .thumbnail{position:relative;aspect-ratio:1;background:#1a1a1a}.canvas-result-panel .result-item .thumbnail img,.canvas-result-panel .result-item .thumbnail video{width:100%;height:100%;object-fit:cover}.canvas-result-panel .result-item .thumbnail .audio-placeholder,.canvas-result-panel .result-item .thumbnail .text-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#666;background:#1a1a2e}.canvas-result-panel .result-item .thumbnail .type-badge{position:absolute;top:4px;left:4px;padding:2px 6px;background:#000000b3;border-radius:4px;color:#fff}.canvas-result-panel .result-item .date{padding:6px 8px;font-size:11px;color:#999;text-align:center}.canvas-result-panel .view-more{padding:12px;border-top:1px solid #333}.canvas-result-panel .view-more button{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#3498db;border:none;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s}.canvas-result-panel .view-more button:hover{background:#2980b9}.publish-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.publish-dialog{background:#1a1a1a;border-radius:12px;width:420px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid #333}.publish-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #333}.publish-dialog-header h2{margin:0;font-size:16px;font-weight:600;color:#fff}.publish-dialog-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.publish-dialog-close:hover{background:#333;color:#fff}.publish-dialog-content{padding:20px}.publish-dialog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:#888}.publish-dialog-published{display:flex;flex-direction:column;gap:16px}.publish-info-row{display:flex;justify-content:space-between;align-items:flex-start}.publish-info-label{color:#888;font-size:14px;flex-shrink:0}.publish-info-value{color:#fff;font-size:14px;text-align:right;word-break:break-word;max-width:70%}.publish-dialog-form{display:flex;flex-direction:column;gap:16px}.publish-thumbnail-section{display:flex;flex-direction:column;gap:12px}.publish-thumbnail-preview{position:relative;width:100%;height:160px;border-radius:8px;overflow:hidden;background:#252525;display:flex;align-items:center;justify-content:center}.publish-thumbnail-preview img{width:100%;height:100%;object-fit:cover}.publish-thumbnail-uploading{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:13px}.publish-thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#666}.publish-thumbnail-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.publish-thumbnail-upload-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.publish-thumbnail-upload-btn:disabled{opacity:.5;cursor:not-allowed}.publish-form-group{display:flex;flex-direction:column;gap:8px}.publish-form-group label{font-size:13px;color:#888}.publish-input,.publish-textarea{background:#252525;border:1px solid #333;border-radius:6px;padding:10px 12px;font-size:14px;color:#fff;outline:none;transition:border-color .2s;font-family:inherit}.publish-input:focus,.publish-textarea:focus{border-color:#555}.publish-input.disabled{color:#666;cursor:not-allowed}.publish-textarea{resize:none;line-height:1.5}.publish-char-count{font-size:12px;color:#666;text-align:right}.publish-error{background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:6px;padding:10px 12px;color:#ff6464;font-size:13px;margin-top:8px}.publish-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #333}.publish-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.publish-btn.primary{background:#ff5722;color:#fff}.publish-btn.primary:hover:not(:disabled){background:#ff6a3c}.publish-btn.secondary{background:#333;color:#fff}.publish-btn.secondary:hover{background:#444}.publish-btn.danger{background:transparent;color:#ff6464;border:1px solid #ff6464}.publish-btn.danger:hover:not(:disabled){background:#ff64641a}.publish-btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.workflow-templates-container{padding:32px 60px;max-width:1600px;margin:0 auto;min-height:calc(100vh - 100px)}.workflow-header{margin-bottom:40px}.workflow-title{font-size:28px;font-weight:600;color:#fff;margin-bottom:24px}.workflow-header-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.workflow-sort-tabs{display:flex;align-items:center;gap:8px;background:#ffffff0d;border-radius:20px;padding:4px}.sort-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:16px;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.sort-tab:hover{color:#fff}.sort-tab.active{background:#ffffff1a;color:#fff}.workflow-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:16px;color:#888}.workflow-loading .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-tabs{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.category-tab{padding:8px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#999;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab:hover{color:#fff;border-color:#ffffff4d}.category-tab.active{background:#1fa2dc;border-color:#1fa2dc;color:#fff}.workflow-search-wrapper{position:relative;max-width:600px}.workflow-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.workflow-search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:12px 20px 12px 48px;color:#fff;font-size:14px;outline:none;transition:all .2s}.workflow-search-input:focus{border-color:#ffffff4d;background:#ffffff14}.workflow-search-input::placeholder{color:#666}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin-top:32px}.workflow-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s;cursor:pointer}.workflow-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 32px #0006}.workflow-card-preview{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e)}.workflow-thumbnail{width:100%;height:100%}.workflow-thumbnail img{width:100%;height:100%;object-fit:cover}.workflow-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a3e,#1e1e2e)}.placeholder-icon{font-size:64px;opacity:.3}.workflow-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.workflow-card:hover .workflow-card-overlay{opacity:1}.workflow-use-btn{background:linear-gradient(135deg,#1fa2dc,#1565c0);border:none;color:#fff;padding:12px 28px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 16px #1fa2dc4d}.workflow-use-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #1fa2dc80}.workflow-use-btn:disabled{opacity:.7;cursor:not-allowed;transform:scale(1)}.workflow-use-btn .spin{animation:spin 1s linear infinite}.workflow-card-info{padding:20px}.workflow-card-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.workflow-card-description{font-size:13px;color:#999;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.workflow-card-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}.author-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.author-avatar-placeholder{width:20px;height:20px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#666}.author-name{font-size:13px;color:#aaa}.workflow-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.meta-divider{color:#444}.workflow-card-tags{display:flex;flex-wrap:wrap;gap:6px}.workflow-tag{padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:11px;color:#888}.workflow-empty-state{grid-column:1 / -1;text-align:center;padding:100px 20px;color:#666}@media (max-width: 1400px){.workflow-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 1024px){.workflow-templates-container{padding:24px 32px}.workflow-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}}@media (max-width: 768px){.workflow-templates-container{padding:20px 16px}.workflow-title{font-size:24px}.category-tabs{gap:8px}.category-tab{padding:6px 14px;font-size:13px}.workflow-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}