@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}.cloud-config-panel{background:var(--bg-secondary, #1a1a2e);border-radius:12px;padding:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .08))}.cloud-config-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary, #e0e0e0);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .06))}.cloud-config-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--text-secondary, #888);font-size:13px}.cloud-config-list{display:flex;flex-direction:column;gap:8px}.cloud-config-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--bg-tertiary, rgba(255, 255, 255, .03));transition:background .15s}.cloud-config-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.cloud-config-item.connected{border-left:3px solid var(--accent-color, #4ade80)}.cloud-config-info{display:flex;align-items:center;gap:10px}.cloud-config-icon{font-size:20px;width:28px;text-align:center}.cloud-config-details{display:flex;flex-direction:column;gap:2px}.cloud-config-name{font-size:13px;font-weight:500;color:var(--text-primary, #e0e0e0)}.cloud-config-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-color, #4ade80)}.cloud-config-actions{flex-shrink:0}.cloud-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.cloud-btn-connect{background:var(--accent-color, #6366f1);color:#fff}.cloud-btn-connect:hover:not(:disabled){opacity:.85}.cloud-btn-connect:disabled{opacity:.5;cursor:not-allowed}.cloud-btn-disconnect{background:#ef444426;color:#ef4444}.cloud-btn-disconnect:hover{background:#ef444440}.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}.nav-item--create{position:relative}.nav-beta-badge{display:inline-block;margin-left:5px;padding:1px 6px;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.03em;border-radius:4px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;vertical-align:1px;text-transform:uppercase}.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}.home-main-layout{display:flex;gap:32px;align-items:flex-start}.home-content{flex:1;min-width:0}.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)}.category-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.category-tab{padding:6px 18px;border-radius:20px;border:none;background:#252525;color:#aaa;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-tab:hover{background:#333;color:#fff}.category-tab.active{background:#3b82f6;color:#fff}.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(220px,1fr));gap:20px}.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:none}.rec-video{object-fit:cover}.rec-video-badge{position:absolute;bottom:8px;right:8px;background:#0009;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;z-index:2;opacity:.8}.rec-mute-btn{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;opacity:0;transition:opacity .2s;padding:0}.rec-card:hover .rec-mute-btn{opacity:.8}.rec-mute-btn:hover{opacity:1!important;background:#000000d9}.rec-input-badges{position:absolute;top:8px;left:8px;display:flex;gap:4px;align-items:flex-start;z-index:8}.rec-input-badge{position:relative;width:36px;height:36px;border-radius:6px;overflow:hidden;border:1.5px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006;flex-shrink:0}.rec-input-badge:hover{width:100px;height:100px;border-color:#ffffff80}.rec-input-badge:hover .rec-badge-media{filter:none}.rec-badge-media{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.9)}.rec-badge-arrow{position:absolute;bottom:2px;right:2px;background:#000000b3;color:#fff;border-radius:3px;padding:1px 2px;display:flex;align-items:center}.rec-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:0;transition:opacity .2s,background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rec-card:hover .rec-carousel-arrow{opacity:1}.rec-carousel-arrow:hover{background:#000000bf}.rec-carousel-prev{left:6px}.rec-carousel-next{right:6px}.rec-carousel-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:5}.rec-carousel-dot{width:6px;height:6px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .2s}.rec-carousel-dot.active{background:#fff;transform:scale(1.3)}.rec-carousel-dot:hover:not(.active){background:#ffffffb3}.rec-audio-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#ffffff80;z-index:6}.rec-audio-player{width:85%;height:36px;position:relative;z-index:7}.rec-badge-audio{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#ffffff80;transition:color .2s}.rec-input-badge-audio.playing .rec-badge-audio{color:#ffffffe6;animation:badgeAudioPulse 1s ease-in-out infinite}@keyframes badgeAudioPulse{0%,to{background:linear-gradient(135deg,#1a1a2e,#16213e)}50%{background:linear-gradient(135deg,#2a2a4e,#263a6e)}}.rec-input-badge-audio:hover{width:60px;height:36px}.rec-overlay-text{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500}.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:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.5) 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:40%;opacity:0;transition:opacity .3s}.rec-card:hover .rec-overlay{opacity:1}.rec-card:has(.rec-audio-card) .rec-overlay{pointer-events:none}.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-bottom-row{display:flex;align-items:center;justify-content:space-between}.rec-time{font-size:11px;color:var(--text-tertiary)}.rec-use-count{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-tertiary)}.load-more-wrapper{display:flex;justify-content:center;margin-top:32px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:10px 32px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:#fff3}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.home-sidebar{width:280px;flex-shrink:0;position:sticky;top:24px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);padding:16px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-updates{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebar-updates::-webkit-scrollbar{width:3px}.sidebar-updates::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar-update-group{display:flex;flex-direction:column;gap:6px}.sidebar-date{font-size:11px;font-weight:600;color:#60a5fa;letter-spacing:.02em}.sidebar-items{display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--text-secondary);line-height:1.5}.sidebar-item-icon{flex-shrink:0;font-size:12px;line-height:1.5}.sidebar-item-text{flex:1;min-width:0}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:10px 0 2px;margin-top:4px;background:none;border:none;border-top:1px solid rgba(255,255,255,.06);color:var(--text-tertiary);font-size:11px;cursor:pointer;transition:color .2s;flex-shrink:0}.sidebar-toggle-btn:hover{color:#60a5fa}@media(max-width:960px){.home-main-layout{flex-direction:column}.home-sidebar{width:100%;position:static;max-height:none}}.create-page{height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.create-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:860px;width:100%;animation:createFadeIn .5s ease-out}@keyframes createFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.create-hero__icon{width:96px;height:96px;border-radius:26px;background:linear-gradient(135deg,#3b82f62e,#8b5cf62e);display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:28px}.create-hero__title{font-size:44px;font-weight:700;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.02em}.create-hero__desc{font-size:20px;color:var(--text-secondary);margin:0 0 48px;line-height:1.6}.create-input-card{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px;transition:border-color .2s}.create-input-card:focus-within{border-color:#3b82f666}.create-input-card__textarea{width:100%;background:transparent;border:none;outline:none;resize:none;color:var(--text-primary);font-size:18px;line-height:1.7;font-family:inherit;min-height:120px}.create-input-card__textarea::placeholder{color:var(--text-secondary);opacity:.5}.create-input-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.create-input-card__hint{font-size:13px;color:var(--text-secondary);opacity:.5}.create-input-card__send{display:flex;align-items:center;gap:8px;padding:12px 32px;border-radius:12px;border:none;background:#3b82f6;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.create-input-card__send:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.create-input-card__send:disabled{opacity:.4;cursor:not-allowed;transform:none}.create-quick-actions{margin-top:52px;width:100%}.create-quick-actions__label{font-size:15px;color:var(--text-secondary);opacity:.6;display:block;margin-bottom:16px}.create-quick-actions__list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.create-quick-btn{padding:12px 24px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all .2s;white-space:nowrap}.create-quick-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.create-quick-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.create-hero{max-width:100%}.create-hero__title{font-size:28px}}.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 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-toolbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #333;flex-wrap:wrap}.result-library-toolbar label{font-size:12px;color:#888;white-space:nowrap}.result-library-toolbar select,.result-library-toolbar input[type=date]{background:#1e1e1e;border:1px solid #333;color:#e0e0e0;padding:6px 10px;border-radius:4px;font-size:13px;outline:none}.result-library-toolbar select:focus,.result-library-toolbar input[type=date]:focus{border-color:#3b82f6}.result-library-toolbar .toolbar-group{display:flex;align-items:center;gap:6px}.result-library-toolbar .btn-refresh{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:6px 16px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.result-library-toolbar .btn-refresh:hover{background:#333;border-color:#3b82f6;color:#fff}.result-library-toolbar .btn-refresh:disabled{opacity:.5;cursor:not-allowed}.result-library-toolbar .toolbar-total{font-size:12px;color:#666;white-space:nowrap}.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}.date-filter-select{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#999;transition:border-color .2s}.date-filter-select:hover{border-color:#555}.date-filter-select select{background:transparent;border:none;outline:none;color:#ccc;font-size:13px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.date-filter-select select option{background:#2a2a2a;color:#ccc}.batch-download{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2980b9;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.batch-download:hover{background:#3498db}.batch-download:disabled{opacity:.6;cursor:not-allowed}.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;min-height:0}.result-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;align-content:start}.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;width:100%;height:0;padding-bottom:100%;background:#1a1a1a;overflow:hidden;border-radius:8px 8px 0 0}.result-list.grid .thumbnail img,.result-list.grid .thumbnail video,.result-list.grid .thumbnail .audio-placeholder,.result-list.grid .thumbnail .text-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.result-list.grid .thumbnail .audio-placeholder,.result-list.grid .thumbnail .text-placeholder{display:flex;justify-content:center;align-items:center;color:#666;background:#1a1a2e}.result-list.grid .text-thumbnail .text-preview-snippet{position:absolute;top:0;left:0;width:100%;height:100%;padding:10px;background:#1a1a2e;color:#bbb;font-size:11px;line-height:1.5;overflow:hidden;white-space:pre-wrap;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}.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 .list-outputs .output-text-preview{flex:1;padding:10px 14px;background:#1a1a2e;border-radius:6px;color:#bbb;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all;overflow:hidden;max-height:120px;cursor:pointer;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.result-list.list .list-outputs .output-text-preview:hover{background:#224}.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}.preview-url-bar{position:absolute;top:8px;left:50%;transform:translate(-50%);max-width:70%;padding:4px 14px;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;cursor:pointer;z-index:12;transition:background .15s}.preview-url-bar:hover{background:#000000d9}.preview-url-bar:active:after{content:"已复制";position:absolute;right:-50px;top:50%;transform:translateY(-50%);font-size:11px;color:#4ade80;white-space:nowrap}.preview-url-text{display:block;font-size:11px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:SF Mono,Menlo,Consolas,monospace;-webkit-user-select:all;user-select:all}.item-actions button.decoding,.list-actions button.decoding,.preview-actions button.decoding{opacity:.6;pointer-events:none}@keyframes duck-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:duck-spin 1s linear infinite}.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.viewport-interacting,.canvas-page:active{cursor:grabbing}.canvas-content-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.canvas-content-layer>*{pointer-events:auto}.canvas-page.viewport-interacting .canvas-node{transition:none!important;box-shadow:0 2px 8px #00000047}.canvas-page.viewport-interacting .canvas-node:hover,.canvas-page.viewport-interacting .canvas-node.selected{box-shadow:0 2px 8px #00000047}.canvas-page.scale-tiny .canvas-node{transition:none!important;box-shadow:0 1px 4px #0000004d!important}.canvas-page.scale-tiny .canvas-node:hover,.canvas-page.scale-tiny .canvas-node.selected{box-shadow:0 1px 4px #0000004d!important}.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);gap:20px}.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}.usage-tips-banner{flex:1;height:40px;max-width:600px;background:linear-gradient(135deg,#4ecdc414,#4ecdc40a);border:1px solid rgba(78,205,196,.2);border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center}.usage-tips-scroll{display:flex;flex-direction:column;animation:scrollTipsVertical 30s linear infinite}.usage-tips-banner:hover .usage-tips-scroll{animation-play-state:paused}@keyframes scrollTipsVertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.usage-tips-banner .tip-item{display:flex;align-items:center;height:40px;padding:0 16px;font-size:13px;color:#ffffffd9;font-weight:400;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.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}.header-btn-danger{color:#aaa!important}.header-btn-danger:hover{background:#ef444433!important;color:#ef4444!important}.save-btn-wrapper{position:relative;display:inline-flex;align-items:center}.header-btn.save-dirty{background:#4ecdc426;border:1px solid #4ECDC4}.header-btn.save-saving{background:#4ecdc440;border:1px solid #4ECDC4;cursor:wait}.save-spinner{animation:spin 1s linear infinite}.save-help-trigger{position:relative;display:inline-flex;align-items:center;cursor:help;color:#fff6;transition:color .2s;flex-shrink:0;margin-left:-4px}.save-help-trigger:hover{color:#ffffffe6}.save-help-tooltip{display:none;position:absolute;top:calc(100% + 10px);right:-8px;width:220px;background:#1e1e1ef2;color:#ddd;font-size:12px;line-height:1.5;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0006;pointer-events:none;z-index:1001;white-space:normal}.save-help-tooltip:before{content:"";position:absolute;top:-5px;right:14px;width:8px;height:8px;background:#1e1e1ef2;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12);transform:rotate(45deg)}.save-help-trigger:hover .save-help-tooltip{display:block}.save-success-tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#10b981e6;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;white-space:nowrap;pointer-events:none;animation:saveSuccessFadeInOut 2s ease forwards;z-index:1000}@keyframes saveSuccessFadeInOut{0%{opacity:0;transform:translate(-50%) translateY(4px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.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:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;box-shadow:0 4px 12px #6366f159;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;z-index:100}.ai-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #6366f180}.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-subtitle{font-size:11px;color:#ffffff4d;line-height:1.3}.menu-section+.menu-section{border-top:1px solid rgba(255,255,255,.06)}.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.drop-replace-target{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc4,0 4px 16px #4ecdc44d}.canvas-node:hover{border-color:#ffffff26;box-shadow:0 6px 16px #0006}.canvas-node.selected{border:1px solid rgba(124,58,237,.6);box-shadow:0 0 0 2px #7c3aed40,0 8px 32px #0009}.canvas-node.dimmed{opacity:.35;filter:brightness(.7);transition:opacity .25s,filter .25s}.canvas-node.dimmed:hover{opacity:.6;filter:brightness(.85)}.canvas-node.has-image-content{min-width:288px;max-width:378px}.canvas-node.dragging{cursor:grabbing;opacity:.85;box-shadow:0 12px 32px #0009;z-index:1000;backface-visibility:hidden;-webkit-backface-visibility:hidden}.canvas-node.dragging img,.canvas-node.dragging video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-user-drag:none;pointer-events:none}.canvas-node img,.canvas-node video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.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:160px;background:transparent;border:none;outline:none;color:#fff;font-size:22px;line-height:1.6;resize:none;font-family:inherit;user-select:text;-webkit-user-select:text}.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;user-select:text;-webkit-user-select:text}.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:22px;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;user-select:text;-webkit-user-select:text;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:22px;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}.text-node-content{display:flex;flex-direction:column;gap:0}.text-mode-tabs{display:flex;gap:2px;padding:6px 8px 4px;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.text-mode-tabs::-webkit-scrollbar{display:none}.text-mode-tab{display:flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#ffffff73;font-size:11px;cursor:pointer;white-space:nowrap;transition:all .15s;line-height:1}.text-mode-tab:hover{background:#ffffff0f;color:#ffffffbf}.text-mode-tab.active{background:#ffffff1a;border-color:#ffffff26;color:#fff}.text-ai-mode{display:flex;flex-direction:column;gap:8px;padding:8px}.text-prompt-input{min-height:90px;font-size:13px!important}.text-prompt-small{min-height:56px!important;font-size:12px!important}.text-ai-result{display:flex;flex-direction:column;gap:4px}.text-ai-result-label{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;padding:0 2px}.text-result-content{min-height:60px!important;max-height:200px!important;font-size:13px!important;background:#ffffff08!important;border-radius:6px;padding:8px 10px!important}.text-ai-controls{display:flex;align-items:center;gap:8px;padding-top:2px}.text-model-select{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fffc;font-size:12px;padding:5px 10px;cursor:pointer;outline:none;transition:border-color .15s;min-width:0}.text-model-select:hover{border-color:#fff3}.text-model-select option{background:#1e1e1e;color:#e0e0e0}.text-generate-btn{display:flex;align-items:center;gap:5px;padding:5px 13px;border-radius:7px;border:none;background:#ffffff1f;color:#fff;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.text-generate-btn:hover:not(:disabled){background:#fff3}.text-generate-btn:disabled{opacity:.45;cursor:not-allowed}.text-generate-btn.loading{background:#ffffff14}.text-media-upload{display:flex;align-items:center;justify-content:center;min-height:100px;border:1.5px dashed rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden;background:#ffffff05}.text-media-upload:hover{border-color:#ffffff4d;background:#ffffff0a}.text-media-upload.has-media{border-style:solid;border-color:#ffffff1f;min-height:unset}.text-media-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffffff59;font-size:12px;padding:12px}.text-media-preview{width:100%;max-height:160px;object-fit:cover;display:block;border-radius:6px}@keyframes text-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-btn-spin{animation:text-spin .8s linear infinite}.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}.version-selector{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0a;border-radius:6px;font-size:12px;color:#ffffff80;transition:all .15s}.version-selector:hover{background:#ffffff0f;color:#ffffffb3}.model-list-item{padding:6px 12px;font-size:13px;color:#ccc;cursor:pointer;border-radius:4px;font-weight:400;transition:background .15s}.model-list-item:hover{background:#ffffff0d}.model-list-item.active{color:#4ecdc4;font-weight:600;background:#4ecdc41a}.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-search-bar{display:flex;align-items:center;gap:8px;padding:0 16px 12px;position:relative}.template-search-icon{position:absolute;left:28px;color:#ffffff4d;pointer-events:none}.template-search-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 32px 8px 36px;color:#fff;font-size:13px;outline:none;transition:all .2s}.template-search-input::placeholder{color:#ffffff4d}.template-search-input:focus{border-color:#4ecdc466;background:#ffffff14}.template-search-clear{position:absolute;right:24px;background:#ffffff1a;border:none;color:#ffffff80;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.template-search-clear:hover{background:#fff3;color:#fff}.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-info{padding:10px 12px}.template-card-info .template-card-title{padding:0}.template-card-title{padding:12px;font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:11px;color:#ffffff59}.template-card-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.template-card-time{flex-shrink:0}.template-card-meta-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.template-card-use-count{display:flex;align-items:center;gap:2px}.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}}.canvas-result-panel-wrapper{position:absolute;top:70px;left:80px;width:680px;max-width:calc(100vw - 120px);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 8px 32px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.canvas-result-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;color:#fff;font-size:16px;font-weight:600}.canvas-result-panel-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-result-panel-close:hover{color:#fff;background:#ffffff1a}.canvas-result-panel-body{flex:1;overflow:hidden;min-height:0;overscroll-behavior:contain}.canvas-result-panel-body .result-library{height:100%;background:transparent;border-radius:0;border:none;box-shadow:none}.canvas-result-panel-body .result-library-filters{padding:12px 16px;gap:8px}.canvas-result-panel-body .result-list{padding:10px}.canvas-result-panel-body .result-list.list{gap:6px}.canvas-result-panel-body .result-list.list .result-item-list{gap:10px;padding:8px;min-height:90px;border-radius:10px}.canvas-result-panel-body .result-list.list .list-left{width:200px;min-width:160px;gap:8px;flex-shrink:0}.canvas-result-panel-body .result-list.list .list-left .select-box{display:none}.canvas-result-panel-body .result-list.list .list-left .thumbnail{width:44px;height:44px;border-radius:6px;flex-shrink:0}.canvas-result-panel-body .result-list.list .list-left .info{min-width:0;max-height:90px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.canvas-result-panel-body .result-list.list .list-left .info::-webkit-scrollbar{width:3px}.canvas-result-panel-body .result-list.list .list-left .info::-webkit-scrollbar-track{background:transparent}.canvas-result-panel-body .result-list.list .list-left .info::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.canvas-result-panel-body .result-list.list .list-left .info .title{font-size:12px;margin-bottom:2px}.canvas-result-panel-body .result-list.list .list-left .info .meta{gap:4px}.canvas-result-panel-body .result-list.list .list-left .info .meta .category-tag,.canvas-result-panel-body .result-list.list .list-left .info .meta .model-method-tag{font-size:10px;padding:1px 4px}.canvas-result-panel-body .result-list.list .list-left .info .meta .date{font-size:10px}.canvas-result-panel-body .result-list.list .list-left .info .input-prompt{font-size:9px;padding:2px 4px;margin-top:3px;line-height:1.3;border-left-width:1px}.canvas-result-panel-body .result-list.list .list-left .info .input-prompt .prompt-label{font-size:9px}.canvas-result-panel-body .result-list.list .list-left .info .input-prompt .prompt-text{font-size:9px;-webkit-line-clamp:unset}.canvas-result-panel-body .result-list.list .list-left .info .input-sources{margin-top:3px;padding:2px 0;gap:4px}.canvas-result-panel-body .result-list.list .list-left .info .input-sources .input-label{font-size:10px}.canvas-result-panel-body .result-list.list .list-left .info .input-sources .input-thumb{width:24px;height:24px;border-radius:3px}.canvas-result-panel-body .result-list.list .list-left .info .params{margin-top:3px;max-height:none;gap:2px 4px}.canvas-result-panel-body .result-list.list .list-left .info .params .param-item{font-size:10px;padding:1px 4px;max-width:160px}.canvas-result-panel-body .result-list.list .list-outputs{flex:1;min-width:0;padding:0}.canvas-result-panel-body .result-list.list .output-thumb{width:72px;height:72px;border-radius:6px}.canvas-result-panel-body .result-list.list .list-actions{gap:4px}.canvas-result-panel-body .result-list.list .list-actions button{padding:5px}.canvas-result-panel-body .type-filter{padding:5px 10px;font-size:12px}.canvas-result-panel-body .category-filters button,.canvas-result-panel-body .model-filters button{padding:4px 10px;font-size:11px}.canvas-result-panel-body .search-box{padding:5px 8px}.canvas-result-panel-body .search-box input{font-size:12px}.canvas-result-panel-body .result-summary{padding:6px 16px;font-size:12px}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.multi-select-action-bar{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 8px;background:#121216f7;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000008c,0 2px 8px #0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9000;animation:msab-appear .2s ease-out;white-space:nowrap}@keyframes msab-appear{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.msab-label{font-size:12px;color:#ffffff8c;padding:0 6px 0 4px;font-weight:500;border-right:1px solid rgba(255,255,255,.1);margin-right:2px;line-height:28px}.msab-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;color:#ffffffe0;background:#ffffff12}.msab-btn:hover{background:#ffffff21;color:#fff}.msab-btn:active{transform:scale(.97)}.msab-merge{border-color:#4ecdc44d}.msab-merge:hover{background:#4ecdc426;border-color:#4ecdc473;color:#4ecdc4}.msab-download{border-color:#a78bfa4d}.msab-download:hover{background:#7c3aed26;border-color:#a78bfa73;color:#c4b5fd}.msab-cloud{border-color:#818cf84d}.msab-cloud:hover{background:#6366f126;border-color:#818cf873;color:#a5b4fc}.msab-group{border-color:#3b82f64d}.msab-group:hover{background:#3b82f626;border-color:#3b82f673;color:#93c5fd}.msab-cancel{background:transparent;border-color:transparent;color:#fff6;padding:7px;border-radius:8px}.msab-cancel:hover{background:#ffffff1a;color:#ffffffb3}.canvas-group-wrapper{pointer-events:auto;z-index:-2}.canvas-group-wrapper.dragging{will-change:left,top}.canvas-page.scale-tiny .canvas-group-box,.canvas-page.scale-tiny .canvas-group-header-external{transition:none!important}.canvas-group-box{border:2px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff08;transition:border-color .2s,background .2s;position:relative}.canvas-group-box:hover{border-color:#fff3;background:#ffffff0d}.canvas-group-header-external{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 4px 8px;min-height:36px;-webkit-user-select:none;user-select:none;pointer-events:auto}.canvas-group-label{font-size:150px;font-weight:700;letter-spacing:3px;opacity:.9;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:1500px}.group-label-input{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 24px;font-size:150px;font-weight:700;outline:none;width:1000px;color:inherit;text-align:center}.group-label-input:focus{border-color:#3b82f699}.group-header-actions{display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .15s}.canvas-group-wrapper:hover .group-header-actions{opacity:1}.group-color-picker{width:64px;height:64px;border:none;border-radius:4px;cursor:pointer;background:transparent;padding:0}.group-color-picker::-webkit-color-swatch-wrapper{padding:0}.group-color-picker::-webkit-color-swatch{border:1px solid rgba(255,255,255,.2);border-radius:3px}.group-action-btn{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:none;border-radius:12px;background:#ffffff0f;color:#ffffff80;cursor:pointer;padding:0;transition:background .15s,color .15s}.group-action-btn:hover{background:#ffffff26;color:#ffffffe6}.group-delete-btn:hover{background:#ef444440;color:#f87171}.group-resize-handle{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;opacity:0;transition:opacity .15s}.group-resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3);border-radius:0 0 2px}.canvas-group-wrapper:hover .group-resize-handle{opacity:1}.storyboard-node{background:#16161af2;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:420px;max-width:1200px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006;cursor:default;resize:both;overflow:hidden;-webkit-user-select:none;user-select:none;transition:box-shadow .2s,border-color .2s}.storyboard-node.selected{border-color:#4ecdc499;box-shadow:0 0 0 2px #4ecdc433,0 4px 24px #00000080}.storyboard-node.dimmed{opacity:.4}.storyboard-node .node-handle{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#28282ce6;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:crosshair;color:#fff6;transition:all .15s;z-index:10}.storyboard-node .node-handle:hover{border-color:#4ecdc4;color:#4ecdc4;background:#4ecdc426}.storyboard-node .node-handle.left{left:-12px}.storyboard-node .node-handle.right{right:-12px}.storyboard-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffd9;font-size:13px;font-weight:600}.storyboard-title{flex:1}.storyboard-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px;background:#4ecdc426;color:#4ecdc4}.storyboard-table{overflow-x:auto;overflow-y:hidden}.storyboard-row{display:flex;border-bottom:1px solid rgba(255,255,255,.05)}.storyboard-row:last-child{border-bottom:none}.storyboard-header-row{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.storyboard-header-row .storyboard-cell{font-weight:600;color:#ffffff80;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.storyboard-cell{flex:1;min-width:80px;padding:6px 8px;display:flex;align-items:center;gap:4px;font-size:12px;color:#ffffffb3;border-right:1px solid rgba(255,255,255,.04);overflow:hidden}.storyboard-cell:last-child{border-right:none}.storyboard-index-cell{flex:0 0 36px;min-width:36px;justify-content:center;color:#ffffff4d;font-size:11px;font-weight:500;position:relative}.storyboard-row-delete{display:none;position:absolute;right:1px;top:1px;width:14px;height:14px;border-radius:3px;border:none;background:#ef44444d;color:#f87171;cursor:pointer;padding:0;align-items:center;justify-content:center}.storyboard-row:hover .storyboard-row-delete{display:flex}.storyboard-col-header{gap:5px;position:relative}.storyboard-col-delete{display:none;position:absolute;right:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:3px;border:none;background:#ef444440;color:#f87171;cursor:pointer;padding:0;align-items:center;justify-content:center}.storyboard-col-header:hover .storyboard-col-delete{display:flex}.storyboard-add-col-cell{justify-content:center}.storyboard-col-add-btn{width:22px;height:22px;border-radius:4px;border:1px dashed rgba(255,255,255,.15);background:transparent;color:#ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}.storyboard-col-add-btn:hover{border-color:#4ecdc466;color:#4ecdc4;background:#4ecdc41a}.storyboard-col-label-input{background:#0000004d;border:1px solid rgba(78,205,196,.5);border-radius:4px;color:#fff;font-size:12px;font-weight:600;font-family:inherit;padding:1px 4px;outline:none;width:60px;min-width:40px}.storyboard-col-label-input:focus{border-color:#4ecdc4;box-shadow:0 0 0 1px #4ecdc433}.storyboard-add-col-menu{z-index:10002;background:#1e1e22fa;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px;width:120px;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.storyboard-add-col-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:5px;background:transparent;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .1s;font-family:inherit}.storyboard-add-col-menu button:hover{background:#4ecdc426;color:#4ecdc4}.storyboard-data-cell{cursor:pointer;min-height:42px;transition:background .1s;align-items:stretch}.storyboard-data-cell:hover{background:#ffffff0a}.storyboard-data-cell.editing{background:#4ecdc414;padding:2px}.storyboard-data-cell.has-content{cursor:default}.storyboard-cell-textarea{width:100%;min-height:36px;max-height:80px;background:transparent;border:1px solid rgba(78,205,196,.3);border-radius:4px;color:#ffffffe6;font-size:12px;padding:4px 6px;resize:vertical;outline:none;font-family:inherit}.storyboard-cell-textarea:focus{border-color:#4ecdc499}.storyboard-cell-text{width:100%;font-size:12px;line-height:1.4;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.storyboard-placeholder{color:#fff3;font-style:italic}.storyboard-cell-media{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.storyboard-thumb{width:100%;height:100%;object-fit:cover;border-radius:4px}.storyboard-media-icon{width:36px;height:36px;border-radius:6px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#fff6}.storyboard-cell-clear{position:absolute;top:0;right:0;width:16px;height:16px;border-radius:50%;border:none;background:#0009;color:#fff9;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0}.storyboard-cell-media:hover .storyboard-cell-clear{display:flex}.storyboard-cell-empty{width:100%;height:100%;min-height:36px;border-radius:6px;border:1px dashed rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff26;transition:all .15s}.storyboard-data-cell:hover .storyboard-cell-empty{border-color:#4ecdc44d;color:#4ecdc466;background:#4ecdc40d}.storyboard-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.08)}.storyboard-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.storyboard-add-row{background:#ffffff0f;color:#fff9}.storyboard-add-row:hover{background:#ffffff1a;color:#ffffffd9}.storyboard-row-height-btn{background:#ffffff0f;color:#ffffff80;font-size:11px}.storyboard-row-height-btn:hover{background:#ffffff1a;color:#fffc}.storyboard-generate-all{background:#4ecdc426;color:#4ecdc4;margin-left:auto}.storyboard-generate-all:hover:not(:disabled){background:#4ecdc440}.storyboard-generate-all:disabled{opacity:.4;cursor:not-allowed}.storyboard-model-select{display:flex;align-items:center;gap:4px;margin-left:auto}.storyboard-model-select select{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffc;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;max-width:140px;outline:none}.storyboard-model-select select:hover{border-color:#4ecdc466}.storyboard-model-select select:focus{border-color:#4ecdc4}.storyboard-cell-generating{flex-direction:column;gap:4px}.storyboard-spinner{width:16px;height:16px;border:2px solid rgba(78,205,196,.2);border-top-color:#4ecdc4;border-radius:50%;animation:storyboard-spin .8s linear infinite}@keyframes storyboard-spin{to{transform:rotate(360deg)}}.storyboard-thumb video,video.storyboard-thumb{width:100%;height:100%;object-fit:cover;border-radius:4px;cursor:pointer}.grid-node{background:var(--node-bg, #1a1a2e);border:2px solid var(--node-border, rgba(255, 255, 255, .08));border-radius:12px;overflow:visible;position:absolute;cursor:grab;min-width:280px;transition:border-color .2s,box-shadow .2s}.grid-node:active{cursor:grabbing}.grid-node.selected{border-color:var(--accent-blue, #6366f1);box-shadow:0 0 0 2px #6366f140}.grid-node-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);gap:8px;cursor:grab}.grid-node-toolbar:active{cursor:grabbing}.grid-node-title{font-size:13px;font-weight:600;color:#ffffffd9;white-space:nowrap}.grid-node-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.grid-size-switcher{display:flex;background:#ffffff0a;border-radius:6px;padding:2px;gap:2px}.grid-size-btn{padding:2px 8px;border:none;background:transparent;color:#ffffff80;font-size:11px;border-radius:4px;cursor:pointer;transition:all .15s}.grid-size-btn:hover{color:#fffc;background:#ffffff0f}.grid-size-btn.active{background:#6366f133;color:#818cf8}.grid-action-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffbf;font-size:12px;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.grid-action-btn:hover:not(:disabled){background:#ffffff14;color:#fffffff2}.grid-action-btn:disabled{opacity:.4;cursor:not-allowed}.grid-action-btn.split-btn:hover:not(:disabled){border-color:#f59e0b66;color:#fbbf24}.grid-action-btn.merge-btn:hover:not(:disabled){border-color:#6366f166;color:#818cf8}.grid-action-btn.resplit-btn:hover:not(:disabled){border-color:#f59e0b66;color:#fbbf24}.grid-node-body{padding:8px;min-height:120px}.grid-node-upload-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;cursor:pointer}.grid-empty-grid{display:grid;gap:2px;width:100%;aspect-ratio:1}.grid-empty-cell{border:1px dashed rgba(255,255,255,.1);border-radius:4px;background:#ffffff05}.grid-upload-hint{position:absolute;bottom:20%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff59;font-size:13px;cursor:pointer;padding:12px 20px;border-radius:8px;transition:color .15s,background .15s}.grid-upload-hint:hover{color:#ffffff8c;background:#ffffff0a}.grid-source-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.grid-source-preview{position:relative;width:100%;border-radius:6px;overflow:hidden}.grid-source-img{width:100%;height:auto;display:block;border-radius:6px}.grid-overlay-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none}.grid-overlay-cell{border:1px dashed rgba(255,255,255,.25)}.grid-cells-container{display:grid;gap:4px;width:100%}.grid-cell{position:relative;aspect-ratio:var(--cell-aspect-ratio, 1);border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:border-color .15s,box-shadow .15s}.grid-cell.filled{background:#0d0d1a}.grid-cell.empty{background:#ffffff05;border-style:dashed}.grid-cell.drag-over{border-color:#818cf8;box-shadow:0 0 0 2px #6366f140}.grid-cell-img{width:100%;height:100%;object-fit:cover;display:block}.grid-cell-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.grid-cell:hover .grid-cell-actions{opacity:1}.cell-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:#000000a6;color:#fffc;border-radius:4px;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .12s,color .12s}.cell-action-btn:hover{background:#000000d9;color:#fff}.cell-action-btn.danger:hover{background:#ef4444b3}.grid-cell-index{position:absolute;bottom:3px;left:3px;font-size:10px;color:#fff6;background:#00000080;padding:1px 5px;border-radius:3px;line-height:1.2}.grid-cell-empty-hint{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffff26;font-size:12px}.grid-merged-preview{width:100%;border-radius:6px;overflow:hidden}.grid-merged-img{width:100%;height:auto;display:block;border-radius:6px}.grid-node-footer{padding:6px 12px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.grid-cell-count{font-size:11px;color:#fff6}.grid-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grid-preview-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.grid-preview-close{position:absolute;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:#fffc;cursor:pointer;transition:background .15s}.grid-preview-close:hover{background:#fff3}.grid-node>.connection-handle{position:absolute;width:12px;height:12px;background:#6366f199;border:2px solid rgba(99,102,241,.9);border-radius:50%;cursor:crosshair;z-index:10;transition:transform .15s,background .15s}.grid-node>.connection-handle:hover{transform:scale(1.3);background:#6366f1e6}.grid-node>.connection-handle.left{left:-7px;top:50%;margin-top:-6px}.grid-node>.connection-handle.right{right:-7px;top:50%;margin-top:-6px}.paint-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.paint-overlay-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:6px 8px;z-index:10;white-space:nowrap}.paint-mode-btn{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:100px;border:none;background:transparent;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.paint-mode-btn:hover{color:#fffc}.paint-mode-btn.active{background:#ffffff1f;color:#fff}.paint-tool-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;background:transparent;border:none}.paint-tool-btn:hover{opacity:1;background:#ffffff14}.paint-tool-btn.active{opacity:1;background:#ffffff26}.paint-tool-divider{width:1px;height:20px;background:#ffffff26;margin:0 4px}.paint-brush-size{display:flex;align-items:center;gap:8px;color:#fff9;font-size:12px}.paint-brush-size input[type=range]{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.paint-brush-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.paint-brush-preview{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.paint-brush-preview-dot{border-radius:50%;background:#fff}.paint-point-type{display:flex;align-items:center;gap:8px;margin-left:4px}.paint-point-type-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;border:none;font-size:12px;cursor:pointer;transition:all .15s;background:transparent}.paint-point-type-btn.positive{color:#4ade80}.paint-point-type-btn.positive.active{background:#4ade8026}.paint-point-type-btn.negative{color:#f87171}.paint-point-type-btn.negative.active{background:#f8717126}.paint-canvas-area{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:80px 40px 0;width:100%}.paint-overlay-canvas{pointer-events:auto}.paint-bottom-section{width:min(700px,calc(100vw - 80px));padding:0 0 24px;display:flex;flex-direction:column;gap:8px}.paint-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px}.paint-suggestion-chip{padding:4px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.paint-suggestion-chip:hover{background:#ffffff1a;border-color:#ffffff40;color:#ffffffd9}.paint-bottom-bar{display:flex;align-items:center;gap:12px}.paint-prompt-input{flex:1;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:border-color .15s}.paint-prompt-input::placeholder{color:#ffffff4d}.paint-prompt-input:focus{border-color:#ffffff40}.paint-prompt-readonly{flex:1;background:#1e1e1e;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 16px;color:#ffffff59;font-size:14px;display:flex;align-items:center;gap:8px}.paint-points-summary{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:12px}.paint-points-summary .positive{color:#4ade80}.paint-points-summary .negative{color:#f87171}.paint-confirm-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#7c3aed;border:none;color:#fff;cursor:pointer;transition:background .15s;flex-shrink:0}.paint-confirm-btn:hover{background:#6d28d9}.paint-confirm-btn:disabled{background:#7c3aed66;cursor:not-allowed}.paint-close-btn{position:absolute;top:20px;right:24px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;z-index:10}.paint-close-btn:hover{opacity:1;background:#ffffff26}.annotation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.annotation-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:6px 8px;z-index:10;white-space:nowrap}.annotation-tool-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:100px;border:none;background:transparent;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.annotation-tool-btn:hover{color:#fffc}.annotation-tool-btn.active{background:#ffffff1f;color:#fff}.annotation-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;background:transparent;border:none}.annotation-icon-btn:hover{opacity:1;background:#ffffff14}.annotation-divider{width:1px;height:20px;background:#ffffff26;margin:0 4px}.annotation-colors{display:flex;align-items:center;gap:4px}.annotation-color-btn{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0}.annotation-color-btn:hover{transform:scale(1.15)}.annotation-color-btn.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d}.annotation-stroke-size{display:flex;align-items:center;gap:8px;color:#fff9;font-size:12px}.annotation-stroke-size input[type=range]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.annotation-stroke-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.annotation-stroke-preview{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.annotation-stroke-preview-line{width:16px;border-radius:2px;transition:height .1s,background-color .15s}.annotation-canvas-area{position:relative;flex:1;min-height:0;width:100%;margin-top:70px;overflow:hidden}.annotation-canvas-area>.canvas-container{border-radius:8px;overflow:hidden}.annotation-bottom-bar{width:min(700px,calc(100vw - 80px));padding:12px 0 24px;display:flex;align-items:center;gap:12px}.annotation-hint{flex:1;background:#1e1e1e;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 16px;color:#ffffff59;font-size:14px;display:flex;align-items:center;gap:8px}.annotation-confirm-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#7c3aed;border:none;color:#fff;cursor:pointer;transition:background .15s;flex-shrink:0}.annotation-confirm-btn:hover{background:#6d28d9}.annotation-confirm-btn:disabled{background:#7c3aed66;cursor:not-allowed}.annotation-close-btn{position:absolute;top:20px;right:24px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;z-index:10}.annotation-close-btn:hover{opacity:1;background:#ffffff26}.cloud-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cloud-picker-modal{background:var(--bg-primary, #0f0f23);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;width:640px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.cloud-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .06))}.cloud-picker-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #e0e0e0)}.cloud-picker-close{background:none;border:none;color:var(--text-secondary, #888);cursor:pointer;padding:4px;border-radius:6px;transition:all .15s}.cloud-picker-close:hover{background:#ffffff14;color:var(--text-primary, #e0e0e0)}.cloud-picker-tabs{display:flex;gap:4px;padding:8px 20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .06))}.cloud-picker-tab{padding:6px 14px;border:none;background:transparent;color:var(--text-secondary, #888);font-size:13px;cursor:pointer;border-radius:6px;transition:all .15s}.cloud-picker-tab:hover{background:#ffffff0f}.cloud-picker-tab.active{background:var(--accent-color, #6366f1);color:#fff}.cloud-picker-disconnect{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;border:none;background:#ef44441f;color:#ef4444;font-size:12px;cursor:pointer;border-radius:6px;transition:background .15s}.cloud-picker-disconnect:hover{background:#ef444440}.cloud-picker-nav{display:flex;align-items:center;gap:6px;padding:8px 20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .04))}.cloud-picker-back,.cloud-picker-refresh{background:none;border:none;color:var(--text-secondary, #888);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.cloud-picker-back:hover:not(:disabled),.cloud-picker-refresh:hover{background:#ffffff14;color:var(--text-primary, #e0e0e0)}.cloud-picker-back:disabled{opacity:.3;cursor:not-allowed}.cloud-picker-breadcrumbs{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto}.breadcrumb-item{background:none;border:none;color:var(--text-secondary, #888);font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;white-space:nowrap}.breadcrumb-item:hover{color:var(--text-primary, #e0e0e0)}.breadcrumb-item.current{color:var(--text-primary, #e0e0e0);font-weight:500}.breadcrumb-sep{color:var(--text-secondary, #555);flex-shrink:0}.cloud-picker-body{flex:1;overflow-y:auto;min-height:300px}.cloud-picker-loading,.cloud-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-secondary, #888);font-size:13px}.cloud-picker-hint{font-size:12px;opacity:.6}.cloud-picker-connect-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.cloud-picker-connect-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.cloud-picker-connect-btn:hover:not(:disabled){opacity:.85}.cloud-picker-connect-btn:disabled{opacity:.5;cursor:not-allowed}.cloud-picker-connect-icon{font-size:18px}.cloud-picker-error{padding:12px 20px;margin:8px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:13px}.cloud-picker-file-list{padding:4px 12px}.cloud-picker-file{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.cloud-picker-file:hover{background:#ffffff0d}.cloud-picker-file.selected{background:#6366f11f}.cloud-picker-file.folder-row{cursor:pointer}.cloud-picker-checkbox{width:18px;height:18px;border:2px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.cloud-picker-checkbox.checked{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}.cloud-picker-thumb{width:36px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0}.file-icon{flex-shrink:0;color:var(--text-secondary, #888)}.file-icon.folder{color:#fbbf24}.file-icon.image{color:#34d399}.file-icon.video{color:#60a5fa}.file-icon.audio{color:#f472b6}.cloud-picker-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cloud-picker-filename{font-size:13px;color:var(--text-primary, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-picker-meta{font-size:11px;color:var(--text-secondary, #666)}.folder-arrow{color:var(--text-secondary, #555);flex-shrink:0}.cloud-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .06))}.cloud-picker-count{font-size:12px;color:var(--text-secondary, #888)}.cloud-picker-import-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.cloud-picker-import-btn:hover:not(:disabled){opacity:.85}.cloud-picker-import-btn:disabled{opacity:.4;cursor:not-allowed}.cloud-picker-modal-compact{max-height:320px}.cloud-picker-disconnect-footer{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:#ef44441f;color:#ef4444;font-size:12px;cursor:pointer;border-radius:6px;transition:background .15s}.cloud-picker-disconnect-footer:hover{background:#ef444440}.spinning{animation:spin 1s linear infinite}.vmask-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;user-select:none;-webkit-user-select:none}.vmask-close-btn{position:absolute;top:20px;right:24px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;z-index:10}.vmask-close-btn:hover{opacity:1;background:#ffffff26}.vmask-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:6px 8px;z-index:10}.vmask-mode-btn{padding:6px 16px;border-radius:100px;border:none;background:transparent;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.vmask-mode-btn:hover{color:#fffc}.vmask-mode-btn.active{background:#ffffff1f;color:#fff}.vmask-toolbar-divider{width:1px;height:20px;background:#ffffff26;margin:0 4px}.vmask-tool-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;background:transparent;border:none}.vmask-tool-btn:hover{opacity:1;background:#ffffff14}.vmask-point-type{display:flex;align-items:center;gap:8px;margin-left:4px}.vmask-point-type-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;border:none;font-size:12px;cursor:pointer;transition:all .15s;background:transparent}.vmask-point-type-btn.positive{color:#4ade80}.vmask-point-type-btn.positive.active{background:#4ade8026}.vmask-point-type-btn.negative{color:#f87171}.vmask-point-type-btn.negative.active{background:#f8717126}.vmask-video-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:80px 40px 0;width:100%}.vmask-video-wrapper{position:relative;display:inline-block;line-height:0}.vmask-video-wrapper video{display:block;max-width:calc(100vw - 80px);max-height:calc(100vh - 300px);object-fit:contain;border-radius:8px;pointer-events:none}.vmask-canvas-overlay{position:absolute;top:0;left:0;border-radius:8px;cursor:crosshair}.vmask-timeline{width:min(700px,calc(100vw - 80px));padding:12px 0;display:flex;flex-direction:column;gap:6px}.vmask-timeline-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.vmask-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.vmask-timeline-info{display:flex;justify-content:space-between;align-items:center;color:#ffffff80;font-size:12px}.vmask-fps-input{width:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:12px;text-align:center;padding:2px 4px;outline:none}.vmask-fps-input:focus{border-color:#ffffff4d}.vmask-annotations-list{width:min(700px,calc(100vw - 80px));display:flex;flex-wrap:wrap;gap:6px;padding:0 0 4px}.vmask-annotation-card{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;color:#ffffffb3;transition:border-color .15s}.vmask-annotation-card:hover{border-color:#fff3}.vmask-annotation-frame{color:#4ecdc4;font-weight:600;white-space:nowrap}.vmask-annotation-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.vmask-annotation-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:transparent;border:none;color:#ffffff4d;cursor:pointer;transition:all .15s;flex-shrink:0}.vmask-annotation-delete:hover{background:#f8717133;color:#f87171}.vmask-bottom-section{width:min(700px,calc(100vw - 80px));padding:0 0 24px;display:flex;flex-direction:column;gap:8px}.vmask-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px}.vmask-suggestion-chip{padding:4px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.vmask-suggestion-chip:hover{background:#ffffff1a;border-color:#ffffff40;color:#ffffffd9}.vmask-bottom-bar{display:flex;align-items:center;gap:12px}.vmask-prompt-input{flex:1;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:border-color .15s}.vmask-prompt-input::placeholder{color:#ffffff4d}.vmask-prompt-input:focus{border-color:#ffffff40}.vmask-points-summary{display:flex;align-items:center;gap:12px;color:#fff6;font-size:12px;white-space:nowrap}.vmask-points-summary .positive{color:#4ade80}.vmask-points-summary .negative{color:#f87171}.vmask-add-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:all .15s;flex-shrink:0}.vmask-add-btn:hover{background:#ffffff26;border-color:#ffffff4d}.vmask-add-btn:disabled{opacity:.3;cursor:not-allowed}.vmask-frame-count{font-size:13px;color:#4ecdc4;font-weight:600;white-space:nowrap;padding:4px 12px;background:#4ecdc41a;border-radius:100px}.vmask-confirm-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#7c3aed;border:none;color:#fff;cursor:pointer;transition:background .15s;flex-shrink:0}.vmask-confirm-btn:hover{background:#6d28d9}.vmask-confirm-btn:disabled{background:#7c3aed66;cursor:not-allowed}.vmask-bbox-hint{color:#fff6;font-size:12px;white-space:nowrap}.maskedit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.maskedit-close-btn{position:absolute;top:20px;right:24px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;z-index:10}.maskedit-close-btn:hover{opacity:1;background:#ffffff26}.maskedit-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:6px 12px;z-index:10;white-space:nowrap}.maskedit-title{font-size:13px;font-weight:600;color:#fffc;padding:0 8px}.maskedit-toolbar-divider{width:1px;height:20px;background:#ffffff26;margin:0 4px}.maskedit-tool-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:100px;border:none;background:transparent;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.maskedit-tool-btn:hover{color:#fffc}.maskedit-tool-btn.active{background:#ffffff1f;color:#fff}.maskedit-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;background:transparent;border:none}.maskedit-icon-btn:hover:not(:disabled){opacity:1;background:#ffffff14}.maskedit-icon-btn:disabled{opacity:.2;cursor:not-allowed}.maskedit-brush-size{display:flex;align-items:center;gap:8px;color:#fff9;font-size:12px}.maskedit-brush-size input[type=range]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.maskedit-brush-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.maskedit-brush-preview{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.maskedit-brush-preview-dot{border-radius:50%;background:#fff}.maskedit-canvas-area{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:80px 40px 0;width:100%}.maskedit-video-wrapper{position:relative;display:inline-block;line-height:0}.maskedit-video-wrapper video{display:block;max-width:calc(100vw - 80px);max-height:calc(100vh - 300px);object-fit:contain;border-radius:8px;pointer-events:none;visibility:hidden}.maskedit-display-canvas{position:absolute;top:0;left:0;border-radius:8px;pointer-events:none}.maskedit-paint-canvas{position:absolute;top:0;left:0;border-radius:8px;cursor:crosshair;opacity:0}.maskedit-bottom-section{width:min(700px,calc(100vw - 80px));padding:0 0 24px;display:flex;flex-direction:column;gap:10px}.maskedit-timeline{display:flex;flex-direction:column;gap:4px}.maskedit-timeline-track{position:relative;height:24px;display:flex;align-items:center}.maskedit-timeline-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer;position:relative;z-index:2}.maskedit-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;position:relative;z-index:3}.maskedit-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.maskedit-marker{position:absolute;top:50%;width:4px;height:4px;border-radius:50%;background:#4ecdc4;transform:translate(-50%,-50%)}.maskedit-timeline-info{display:flex;justify-content:space-between;align-items:center;color:#ffffff80;font-size:12px}.maskedit-action-bar{display:flex;align-items:center;gap:8px}.maskedit-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff9;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.maskedit-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;color:#ffffffe6}.maskedit-action-btn:disabled{opacity:.3;cursor:not-allowed}.maskedit-edit-count{font-size:12px;color:#4ecdc4;font-weight:600;padding:4px 12px;background:#4ecdc41a;border-radius:100px;white-space:nowrap}.maskedit-confirm-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:100px;background:#7c3aed;border:none;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.maskedit-confirm-btn:hover:not(:disabled){background:#6d28d9}.maskedit-confirm-btn:disabled{background:#7c3aed66;cursor:not-allowed}.track-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0a0a0a;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;overflow:hidden}.te-close-btn{position:absolute;top:20px;right:24px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;color:#fff;opacity:.6;cursor:pointer;transition:all .15s;z-index:10}.te-close-btn:hover{opacity:1;background:#ffffff26}.te-title{position:absolute;top:24px;left:32px;color:#ffffffb3;font-size:15px;font-weight:600;z-index:10}.te-preview-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:72px 40px 16px;position:relative}.te-preview-placeholder{color:#ffffff40;font-size:14px}.te-preview-video{display:block;max-width:calc(100vw - 120px);max-height:calc(100vh - 340px);object-fit:contain;border-radius:8px;background:#111}.te-preview-info{position:absolute;top:80px;left:48px;display:flex;flex-direction:column;gap:3px;max-width:320px;pointer-events:none;opacity:.6;transition:opacity .15s}.te-preview-area:hover .te-preview-info{opacity:1}.te-preview-info-name{font-size:13px;color:#fffc;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-preview-info-cdn{font-size:10px;color:#ffffff4d;font-family:monospace;word-break:break-all;line-height:1.4;max-height:42px;overflow:hidden;pointer-events:auto;cursor:pointer;transition:color .15s}.te-preview-info-cdn:hover{color:#fff9}.te-preview-info-cdn:active{color:#a78bfa}.te-preview-info-meta{font-size:11px;color:#ffffff80;font-family:monospace}.te-preview-edit-btn{position:absolute;top:80px;right:48px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffff80;cursor:pointer;transition:all .15s;z-index:5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0}.te-preview-edit-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.te-preview-edit-btn.active{background:#7c3aed4d;color:#a78bfa;border-color:#7c3aed80}.te-preview-edit-btn:disabled{opacity:.25;cursor:not-allowed}.te-track-section{width:100%;padding:0 32px 12px;flex-shrink:0;box-sizing:border-box}.te-track-label{font-size:12px;color:#ffffff59;margin-bottom:8px}.te-track{display:flex;gap:8px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow-x:auto;min-height:80px;align-items:stretch}.te-clip{flex:0 0 auto;width:160px;padding:10px 12px;background:#ffffff0f;border:2px solid transparent;border-radius:10px;cursor:grab;transition:all .15s;display:flex;flex-direction:column;gap:6px;position:relative}.te-clip:active{cursor:grabbing}.te-clip:hover{background:#ffffff1a}.te-clip.selected{border-color:#7c3aed;background:#7c3aed1f}.te-clip.drag-over{border-color:#fff6;border-style:dashed}.te-clip-header{display:flex;align-items:center;gap:6px}.te-clip-checkbox{width:15px;height:15px;accent-color:#7C3AED;cursor:pointer;flex-shrink:0}.te-clip-index{font-size:11px;color:#ffffff4d;font-weight:600}.te-clip-name{font-size:13px;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-clip-url{font-size:10px;color:#ffffff40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.te-clip-meta{font-size:10px;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace;margin-top:2px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.te-clip.unchecked{opacity:.4;border-color:transparent}.te-bottom-bar{width:100%;padding:12px 32px 24px;display:flex;align-items:center;gap:16px;flex-shrink:0;flex-wrap:wrap;box-sizing:border-box}.te-mode-section{display:flex;align-items:center;gap:8px}.te-mode-group{display:flex;align-items:center;gap:4px;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 6px}.te-mode-label{font-size:11px;color:#ffffff59;padding:0 8px;white-space:nowrap}.te-mode-hint{font-size:11px;color:#ffffff4d;padding:4px 0;min-height:16px}.te-mode-btn{padding:7px 18px;border-radius:100px;border:none;background:transparent;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.te-mode-btn:hover{color:#fffc}.te-mode-btn.active{background:#ffffff1f;color:#fff}.te-output-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.te-spacer{flex:1;min-width:0}.te-progress-area{display:flex;align-items:center;gap:12px;min-width:200px}.te-progress-bar-wrap{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.te-progress-bar-fill{height:100%;background:#7c3aed;border-radius:2px;transition:width .3s}.te-progress-text{font-size:12px;color:#ffffff80;white-space:nowrap;min-width:80px}.te-confirm-btn{padding:10px 28px;border-radius:100px;border:none;background:#7c3aed;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.te-confirm-btn:hover{background:#6d28d9}.te-confirm-btn:disabled{background:#7c3aed59;cursor:not-allowed;color:#ffffff80}.te-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:20;border-radius:0}.te-loading-text{color:#ffffffb3;font-size:14px}.te-loading-progress{width:240px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.te-loading-progress-fill{height:100%;background:#7c3aed;border-radius:2px;transition:width .3s}.te-error-text{color:#f87171;font-size:13px;max-width:400px;text-align:center}.te-clip-edit-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:none;background:transparent;color:#ffffff4d;cursor:pointer;transition:all .15s;flex-shrink:0;padding:0}.te-clip-edit-btn:hover{background:#ffffff1a;color:#ffffffb3}.te-clip-edit-btn.active{background:#7c3aed40;color:#a78bfa}.te-clip-edit-btn:disabled{opacity:.3;cursor:not-allowed}.te-edit-toolbar{width:100%;padding:0 32px 8px;flex-shrink:0;box-sizing:border-box}.te-edit-header{display:flex;align-items:center;gap:6px;color:#ffffff80;font-size:12px;margin-bottom:8px}.te-edit-close{margin-left:auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:#ffffff59;cursor:pointer;padding:0}.te-edit-close:hover{background:#ffffff1a;color:#ffffffb3}.te-trim-slider{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:8px}.te-trim-time{font-size:12px;color:#fff9;font-family:monospace;min-width:36px;text-align:center}.te-trim-total{font-size:11px;color:#ffffff40;font-family:monospace;min-width:40px}.te-range-track{flex:1;position:relative;height:24px}.te-range-fill{position:absolute;top:10px;height:4px;background:#7c3aed;border-radius:2px;pointer-events:none}.te-playhead{position:absolute;top:4px;width:2px;height:16px;background:#4ecdc4;border-radius:1px;pointer-events:none;transform:translate(-1px);z-index:3;box-shadow:0 0 4px #4ecdc480;transition:left .05s linear}.te-range-input{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;margin:0}.te-range-input::-webkit-slider-runnable-track{height:4px;background:#ffffff14;border-radius:2px}.te-range-start::-webkit-slider-runnable-track{background:#ffffff14}.te-range-end::-webkit-slider-runnable-track{background:transparent}.te-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #7C3AED;cursor:pointer;pointer-events:auto;margin-top:-5px;box-shadow:0 1px 4px #0006}.te-range-input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #7C3AED;cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px #0006}.te-speed-row{display:flex;align-items:center;gap:4px}.te-apply-trim-btn{padding:7px 20px;border-radius:100px;border:none;background:#7c3aed;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.te-apply-trim-btn:hover{background:#6d28d9}.te-apply-trim-btn:disabled{background:#7c3aed59;cursor:not-allowed;color:#ffffff80}.plan-card{margin-top:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;animation:planCardSlideIn .3s ease-out}@keyframes planCardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.plan-card__header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.plan-card__icon{color:#3b82f6}.plan-card__title{font-size:14px;font-weight:600;color:var(--text-primary)}.plan-card__pipeline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.plan-card__step{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;border-left:3px solid var(--step-color, #888);min-width:0}.plan-card__step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#ffffff0f;color:var(--step-color, #888);flex-shrink:0}.plan-card__step-info{min-width:0}.plan-card__step-role{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card__step-model{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card__arrow{color:var(--text-secondary);opacity:.4;flex-shrink:0}.plan-card__summary{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:14px;padding:8px 10px;background:#ffffff05;border-radius:8px}.plan-card__apply-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:none;background:#3b82f6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.plan-card__apply-btn:hover{background:#2563eb;transform:translateY(-1px)}.plan-card__apply-btn:active{transform:translateY(0)}.chat-ui{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.chat-ui__messages{flex:1;min-height:0;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:16px}.chat-ui__messages::-webkit-scrollbar{width:4px}.chat-ui__messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.chat-ui__welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:40px 20px;gap:12px}.chat-ui__welcome-title{font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.chat-ui__welcome-desc{font-size:14px;color:var(--text-secondary);max-width:360px}.chat-ui__quick-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px;max-width:520px}.chat-ui__quick-btn{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.chat-ui__quick-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.chat-ui__msg{max-width:85%;animation:chatMsgFadeIn .25s ease-out}@keyframes chatMsgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-ui__msg--user{align-self:flex-end}.chat-ui__msg--assistant{align-self:flex-start}.chat-ui__msg-content{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.6;word-break:break-word}.chat-ui__msg--user .chat-ui__msg-content{background:#3b82f6;color:#fff;border-bottom-right-radius:4px}.chat-ui__msg--assistant .chat-ui__msg-content{background:#ffffff0f;color:var(--text-primary);border-bottom-left-radius:4px}.chat-ui__typing{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.chat-ui__spinner{animation:chatSpin 1s linear infinite}@keyframes chatSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-ui__input-area{padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.06);position:relative}.chat-ui__clear-btn{position:absolute;top:-32px;right:16px;background:#ffffff0f;border:none;border-radius:6px;padding:4px 8px;color:var(--text-secondary);cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;transition:all .2s}.chat-ui__clear-btn:hover{background:#ef444426;color:#ef4444}.chat-ui__input-row{display:flex;align-items:flex-end;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px 6px 6px 14px;transition:border-color .2s}.chat-ui__input-row:focus-within{border-color:#3b82f666}.chat-ui__textarea{flex:1;background:transparent;border:none;outline:none;resize:none;color:var(--text-primary);font-size:14px;line-height:1.5;padding:6px 0;max-height:160px;font-family:inherit}.chat-ui__textarea::placeholder{color:var(--text-secondary);opacity:.6}.chat-ui__send-btn{width:36px;height:36px;border-radius:10px;border:none;background:#3b82f6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.chat-ui__send-btn:hover:not(:disabled){background:#2563eb}.chat-ui__send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-ui--compact .chat-ui__messages{padding:16px 12px;gap:12px}.chat-ui--compact .chat-ui__msg{max-width:92%}.chat-ui--compact .chat-ui__msg-content{padding:8px 12px;font-size:13px;border-radius:12px}.chat-ui--compact .chat-ui__welcome-title{font-size:18px}.chat-ui--compact .chat-ui__input-area{padding:8px 12px 12px}.chat-ui--compact .chat-ui__input-row{border-radius:12px;padding:4px 4px 4px 12px}.chat-ui--compact .chat-ui__send-btn{width:32px;height:32px;border-radius:8px}.canvas-chat-assistant{position:fixed;right:0;top:0;bottom:0;width:420px;background:var(--bg-primary, #1a1a1a);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;z-index:1100;animation:canvasAssistantSlideIn .25s ease-out;box-shadow:-4px 0 24px #0000004d;overflow:hidden}@keyframes canvasAssistantSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.canvas-chat-assistant__resize-handle{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;color:transparent;transition:color .2s,background .2s}.canvas-chat-assistant__resize-handle:hover,.canvas-chat-assistant__resize-handle:active{background:#3b82f626;color:#fff6}.canvas-chat-assistant__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.canvas-chat-assistant__title{font-size:15px;font-weight:600;color:var(--text-primary)}.canvas-chat-assistant__model-select{margin-left:auto;margin-right:8px;padding:3px 6px;font-size:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--text-secondary, #999);cursor:pointer;outline:none;transition:border-color .2s,color .2s}.canvas-chat-assistant__model-select:hover,.canvas-chat-assistant__model-select:focus{border-color:#3b82f680;color:var(--text-primary, #fff)}.canvas-chat-assistant__model-select option{background:#1a1a1a;color:#ccc}.canvas-chat-assistant__close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-chat-assistant__close:hover{background:#ffffff14;color:var(--text-primary)}.canvas-chat-assistant>.chat-ui{flex:1;min-height:0}@media(max-width:600px){.canvas-chat-assistant{width:100%!important}}.vt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0a0a0a;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;overflow:hidden}.vt-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.vt-title{display:flex;align-items:center;gap:8px;color:#ffffffd9;font-size:16px;font-weight:600}.vt-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;color:#fff;opacity:.6;cursor:pointer;transition:all .15s}.vt-close-btn:hover{opacity:1;background:#ffffff26}.vt-content{flex:1;min-height:0;display:flex;gap:40px;padding:32px 40px;overflow-y:auto}.vt-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.vt-video-preview{width:100%;max-width:720px;border-radius:12px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.06)}.vt-video-preview video{display:block;width:100%;max-height:70vh;object-fit:contain;background:#000}.vt-video-info{display:flex;align-items:center;gap:12px;color:#ffffff80;font-size:13px}.vt-video-name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-video-duration{color:#ffffff59}.vt-right{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.vt-field{display:flex;flex-direction:column;gap:6px}.vt-label{font-size:13px;color:#fff9;font-weight:500}.vt-required{color:#e74c3c}.vt-select{width:100%;padding:9px 32px 9px 12px;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:14px;outline:none;cursor:pointer;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.vt-select:hover{border-color:#ffffff40}.vt-select:focus{border-color:#64b4ff80}.vt-select-small{width:140px}.vt-mode-toggle{display:flex;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden}.vt-mode-btn{flex:1;padding:9px 16px;background:transparent;border:none;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.vt-mode-btn.active{background:#64b4ff26;color:#64b4ff;font-weight:500}.vt-mode-btn:not(.active):hover{background:#ffffff0d;color:#ffffffb3}.vt-cost-hint{font-size:11px;opacity:.6}.vt-advanced-toggle{display:flex;align-items:center;gap:6px;padding:0;background:none;border:none;color:#ffffff73;font-size:13px;cursor:pointer;transition:color .15s}.vt-advanced-toggle:hover{color:#ffffffb3}.vt-advanced{display:flex;flex-direction:column;gap:14px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.vt-switch-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffbf;cursor:pointer}.vt-switch-row input[type=checkbox]{width:16px;height:16px;accent-color:#64b4ff;cursor:pointer;flex-shrink:0}.vt-hint{font-size:11px;color:#ffffff4d;margin-left:auto}.vt-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 28px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.vt-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.vt-btn-primary{background:#64b4ff;color:#000}.vt-btn-primary:hover{background:#7ec4ff}.vt-btn-disabled{background:#ffffff0f;color:#ffffff40;cursor:not-allowed}@media(max-width:800px){.vt-content{flex-direction:column;gap:24px}.vt-right{width:100%}}.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:14px;width:1100px;max-width:94vw;max-height:92vh;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid #333;position:relative}.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;overflow-y:auto;max-height:calc(90vh - 130px)}.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}.ba-section{display:flex;flex-direction:column;gap:10px}.ba-label{font-size:13px;color:#888}.ba-preview-row{display:flex;align-items:center;gap:20px;background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:24px}.ba-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.ba-side-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ba-items{display:flex;gap:8px;flex-wrap:wrap}.ba-preview-item{position:relative;width:240px;height:240px;border-radius:12px;overflow:hidden;background:#252525;border:1px solid #3a3a3a;flex-shrink:0}.ba-preview-media{width:100%;height:100%;object-fit:cover;display:block}.ba-preview-audio{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff9}.ba-preview-audio-player{width:90%;height:28px;filter:invert(1) hue-rotate(180deg) brightness(.8)}.ba-preview-type-badge{position:absolute;bottom:4px;left:4px;background:#000000b3;color:#ccc;border-radius:4px;padding:2px 4px;display:flex;align-items:center}.ba-preview-remove{position:absolute;top:4px;right:4px;background:#000000b3;color:#ff6464;border:none;border-radius:4px;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.ba-preview-item:hover .ba-preview-remove{opacity:1}.ba-arrow{color:#555;flex-shrink:0;display:flex;align-items:center;padding:0 4px}.ba-add-slot{display:flex;flex-direction:column;gap:4px}.ba-add-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s;border:1px dashed #444;background:transparent;color:#888;white-space:nowrap}.ba-add-btn:hover:not(:disabled){border-color:#666;color:#ccc;background:#ffffff08}.ba-add-btn:disabled{opacity:.4;cursor:not-allowed}.ba-empty-hint{display:flex;align-items:center;justify-content:center;width:240px;height:240px;border-radius:12px;border:1px dashed #3a3a3a;color:#555;font-size:14px}.ba-screenshot-capture-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:20px;border-radius:10px;border:2px dashed #444;background:transparent;color:#888;font-size:14px;cursor:pointer;transition:all .2s}.ba-screenshot-capture-btn:hover:not(:disabled){border-color:#666;color:#ccc;background:#ffffff08}.ba-screenshot-capture-btn:disabled{opacity:.6;cursor:not-allowed}.ba-screenshot-viewer{background:#111;border:1px solid #333;border-radius:10px;overflow:hidden;height:260px;position:relative;display:flex;align-items:center;justify-content:center;cursor:grab}.ba-screenshot-viewer:active{cursor:grabbing}.ba-screenshot-viewer-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .05s linear;-webkit-user-select:none;user-select:none;pointer-events:none}.ba-screenshot-toolbar{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.ba-screenshot-viewer:hover .ba-screenshot-toolbar{opacity:1}.ba-screenshot-toolbar button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#000000b3;color:#aaa;border:1px solid #444;cursor:pointer;transition:all .15s}.ba-screenshot-toolbar button:hover{background:#000000e6;color:#fff;border-color:#666}.ba-screenshot-toolbar button:disabled{opacity:.5;cursor:not-allowed}.ba-screenshot-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0009;color:#666;font-size:11px;padding:3px 10px;border-radius:10px;pointer-events:none;opacity:.7}.ba-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:13px;border-radius:12px;z-index:10}.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-category-tags{display:flex;gap:8px;flex-wrap:wrap}.publish-category-tag{padding:6px 16px;border-radius:16px;border:1px solid #444;background:#252525;color:#ccc;font-size:13px;cursor:pointer;transition:all .15s ease}.publish-category-tag:hover{border-color:#666;color:#fff}.publish-category-tag.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.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}.ba-picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20;border-radius:12px}.ba-picker-panel{background:#1a1a2e;border-radius:14px;padding:20px;width:380px;max-width:90%;max-height:70%;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000080}.ba-picker-header{color:#fff;font-size:15px;font-weight:600}.ba-picker-hint{color:#ffffff73;font-size:12px;line-height:1.4}.ba-picker-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:6px;min-height:0}.ba-picker-empty{color:#ffffff40;text-align:center;padding:24px 0;font-size:13px}.ba-picker-section-label{font-size:11px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;padding:8px 2px 4px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.ba-picker-section-label:first-child{border-top:none;margin-top:0;padding-top:0}.ba-picker-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0a;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:background .15s}.ba-picker-item:hover:not(.selected):not(.disabled){background:#ffffff1a}.ba-picker-item.selected{background:#ff57221f;border-color:#ff57224d;cursor:default}.ba-picker-item.disabled{opacity:.35;cursor:not-allowed}.ba-picker-thumb{width:56px;height:42px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#222}.ba-picker-audio-thumb{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#ffffff80}.ba-picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ba-picker-label{color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ba-picker-type{display:flex;align-items:center;gap:4px;color:#ffffff59;font-size:11px}.ba-picker-check{color:#ff5722;flex-shrink:0;display:flex;align-items:center}.ba-picker-footer{display:flex;justify-content:flex-end;padding-top:4px}.ba-picker-cancel{padding:7px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffff8c;cursor:pointer;font-size:13px;transition:all .15s}.ba-picker-cancel:hover{border-color:#ffffff40;color:#fff}.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}.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}}.wp-loading,.wp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#888}.wp-error-text{font-size:16px;color:#ccc}.wp-container{min-height:100vh;background:#0e0e0e;color:#fff}.wp-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:12px 24px;background:#0e0e0ee6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #222}.wp-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#222;color:#ccc;border:1px solid #333;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.wp-back-btn:hover{background:#333;color:#fff}.wp-content{max-width:900px;margin:0 auto;padding:32px 24px 80px}.wp-ba-section{margin-bottom:32px}.wp-ba-row{display:flex;align-items:flex-start;gap:20px;justify-content:center}.wp-ba-side{flex:1;max-width:400px;display:flex;flex-direction:column;gap:10px}.wp-ba-side-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.wp-ba-items{display:flex;flex-direction:column;gap:10px}.wp-ba-item{border-radius:12px;overflow:hidden;background:#1a1a1a;border:1px solid #2a2a2a}.wp-ba-media{width:100%;display:block;max-height:400px;object-fit:contain;background:#111}.wp-ba-audio{width:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#ffffff80;border-radius:8px;padding:20px}.wp-ba-audio-player{width:100%;max-width:300px;height:36px;filter:invert(1) hue-rotate(180deg) brightness(.8)}.wp-ba-arrow{display:flex;align-items:center;color:#444;padding-top:100px;flex-shrink:0}.wp-info{margin-bottom:32px}.wp-title{font-size:28px;font-weight:700;margin:0 0 16px;color:#fff;line-height:1.3}.wp-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.wp-author{display:flex;align-items:center;gap:8px;font-size:14px;color:#ccc}.wp-author-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.wp-author-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;color:#888}.wp-meta-sep{color:#555;font-size:14px}.wp-meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#888}.wp-description{font-size:15px;line-height:1.6;color:#aaa;margin:0;white-space:pre-wrap}.wp-canvas-section{margin-bottom:32px}.wp-section-title{font-size:16px;font-weight:600;color:#ccc;margin:0 0 12px}.wp-screenshot-viewer{width:100%;height:420px;background:#111;border-radius:12px;overflow:hidden;position:relative;cursor:grab;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center}.wp-screenshot-viewer:active{cursor:grabbing}.wp-screenshot-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .05s linear;-webkit-user-select:none;user-select:none;pointer-events:none}.wp-screenshot-toolbar{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.wp-screenshot-viewer:hover .wp-screenshot-toolbar{opacity:1}.wp-screenshot-toolbar button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#000000b3;color:#aaa;border:1px solid #444;cursor:pointer;transition:all .15s}.wp-screenshot-toolbar button:hover{background:#000000e6;color:#fff;border-color:#666}.wp-screenshot-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#0009;color:#888;font-size:11px;padding:4px 12px;border-radius:12px;pointer-events:none;opacity:.7}.wp-action-bar{display:flex;justify-content:center;padding:24px 0}.wp-clone-btn{display:flex;align-items:center;gap:10px;padding:14px 40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #3b82f64d}.wp-clone-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #3b82f666}.wp-clone-btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.wp-ba-row{flex-direction:column;align-items:stretch}.wp-ba-side{max-width:none}.wp-ba-arrow{padding-top:0;justify-content:center;transform:rotate(90deg)}.wp-title{font-size:22px}}.aik{color:#e0e0e0}.aik__subtabs{display:flex;gap:4px;margin-bottom:20px}.aik__subtabs button{background:#1e1e1e;border:1px solid #333;color:#888;font-size:13px;padding:6px 18px;border-radius:6px;cursor:pointer;transition:all .2s}.aik__subtabs button:hover{color:#ccc;border-color:#555}.aik__subtabs button.active{color:#3b82f6;border-color:#3b82f6;background:#3b82f614}.aik__toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.aik__toolbar button{background:#3b82f6;border:none;color:#fff;font-size:13px;padding:6px 16px;border-radius:6px;cursor:pointer;transition:background .2s}.aik__toolbar button:hover{background:#2563eb}.aik__toolbar .aik__import-btn{background:#1e1e1e;border:1px solid #333;color:#ccc}.aik__toolbar .aik__import-btn:hover{border-color:#555;color:#fff}.aik__stats{font-size:12px;color:#666;margin-left:auto}.aik__table{width:100%;border-collapse:collapse;font-size:13px}.aik__table th{text-align:left;padding:8px 12px;border-bottom:1px solid #333;color:#888;font-weight:500;font-size:12px;white-space:nowrap}.aik__table td{padding:8px 12px;border-bottom:1px solid #222;vertical-align:middle}.aik__table tr:hover{background:#ffffff05}.aik__key{font-family:SF Mono,Cascadia Code,monospace;color:#60a5fa;font-size:12px}.aik__badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.aik__badge--active{background:#22c55e1f;color:#22c55e}.aik__badge--inactive{background:#ef44441f;color:#ef4444}.aik__actions{display:flex;gap:6px}.aik__actions button{background:none;border:1px solid #333;color:#888;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.aik__actions button:hover{border-color:#555;color:#e0e0e0}.aik__actions button.aik__delete-btn:hover{border-color:#ef4444;color:#ef4444}.aik__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.aik__editor{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:680px;max-height:85vh;overflow-y:auto;padding:28px;box-shadow:0 20px 60px #00000080}.aik__editor h3{margin:0 0 20px;font-size:18px;color:#fff;font-weight:600}.aik__field{margin-bottom:16px}.aik__field label{display:block;font-size:12px;color:#888;margin-bottom:4px;font-weight:500}.aik__field input,.aik__field textarea,.aik__field select{width:100%;background:#111;border:1px solid #333;color:#e0e0e0;padding:8px 12px;border-radius:6px;font-size:13px;font-family:inherit;box-sizing:border-box}.aik__field input:focus,.aik__field textarea:focus{outline:none;border-color:#3b82f6}.aik__field textarea{font-family:SF Mono,Cascadia Code,monospace;font-size:12px;line-height:1.5;resize:vertical}.aik__mode-toggle{display:flex;gap:4px;margin-bottom:16px}.aik__mode-toggle button{background:#222;border:1px solid #333;color:#888;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.aik__mode-toggle button.active{color:#3b82f6;border-color:#3b82f6}.aik__tags-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px;background:#111;border:1px solid #333;border-radius:6px;min-height:36px}.aik__tag{display:inline-flex;align-items:center;gap:4px;background:#3b82f61f;color:#60a5fa;padding:2px 8px;border-radius:4px;font-size:12px}.aik__tag button{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:14px;padding:0;line-height:1}.aik__tags-input input{border:none!important;background:none!important;flex:1;min-width:80px;padding:4px!important}.aik__editor-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #333}.aik__editor-footer button{padding:8px 20px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.aik__cancel-btn{background:#222;border:1px solid #333;color:#ccc}.aik__cancel-btn:hover{border-color:#555;color:#fff}.aik__save-btn{background:#3b82f6;border:none;color:#fff;font-weight:500}.aik__save-btn:hover{background:#2563eb}.aik__save-btn:disabled{opacity:.5;cursor:not-allowed}.aik__category-filter{background:#1e1e1e;border:1px solid #333;color:#ccc;font-size:13px;padding:5px 12px;border-radius:6px;cursor:pointer;outline:none;transition:border-color .2s}.aik__category-filter:hover,.aik__category-filter:focus{border-color:#555;color:#fff}.aik__category-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#a855f71a;color:#a78bfa;white-space:nowrap}.aik__error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:8px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.aik__empty{text-align:center;padding:48px 0;color:#555;font-size:14px}.aik__loading{text-align:center;padding:32px 0;color:#666}.aik__summary{font-size:11px;color:#555;margin-top:4px;padding:4px 0}.admin-page{max-width:1400px;margin:0 auto;padding:24px 32px;color:#e0e0e0;min-height:calc(100vh - 120px)}.admin-page h1{font-size:24px;font-weight:600;margin-bottom:24px;color:#fff}.admin-denied{display:flex;align-items:center;justify-content:center;height:60vh;flex-direction:column;gap:16px;color:#888;font-size:18px}.admin-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #333;padding-bottom:0}.admin-tabs button{background:none;border:none;color:#888;font-size:14px;padding:8px 20px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-weight:500}.admin-tabs button:hover{color:#ccc}.admin-tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6}.admin-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-toolbar label{font-size:12px;color:#888}.admin-toolbar select,.admin-toolbar input[type=date]{background:#1e1e1e;border:1px solid #333;color:#e0e0e0;border-radius:6px;padding:6px 10px;font-size:12px;outline:none}.admin-toolbar select:focus,.admin-toolbar input[type=date]:focus{border-color:#3b82f6}.admin-toolbar .toolbar-group{display:flex;align-items:center;gap:6px}.admin-toolbar .btn-refresh{background:#2a2a2a;border:1px solid #444;color:#ccc;border-radius:6px;padding:6px 14px;font-size:12px;cursor:pointer;transition:all .2s}.admin-toolbar .btn-refresh:hover{background:#333;border-color:#3b82f6;color:#fff}.admin-toolbar .btn-refresh:disabled{opacity:.5;cursor:not-allowed}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:16px 20px;text-align:center}.stat-card .stat-value{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px}.stat-card .stat-label{font-size:12px;color:#888}.stat-card.success .stat-value{color:#4ade80}.stat-card.danger .stat-value{color:#f87171}.stat-card.info .stat-value{color:#60a5fa}.stat-card.warning .stat-value{color:#fbbf24}.admin-table-wrapper{overflow-x:auto;border:1px solid #2a2a2a;border-radius:10px;background:#1a1a1a}.admin-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.admin-table th{background:#222;color:#aaa;font-weight:600;text-align:left;padding:8px;border-bottom:1px solid #333;white-space:nowrap;position:sticky;top:0}.admin-table th:nth-child(1){width:80px}.admin-table th:nth-child(2){width:72px}.admin-table th:nth-child(3){width:85px}.admin-table th:nth-child(4){width:72px}.admin-table th:nth-child(5){width:52px}.admin-table th:nth-child(6){width:56px}.admin-table th:nth-child(7){width:90px}.admin-table th:nth-child(8){width:15%}.admin-table th:nth-child(9){width:26%}.admin-table th:nth-child(10){width:110px}.admin-table td{padding:6px 8px;border-bottom:1px solid #222;vertical-align:top;overflow:hidden;text-overflow:ellipsis}.admin-table tr:hover{background:#222}.admin-table tr.row-failed{background:#ef444414}.admin-table tr.row-failed:hover{background:#ef444426}.status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.status-badge.completed{background:#4ade8026;color:#4ade80}.status-badge.failed{background:#f8717126;color:#f87171}.status-badge.running{background:#60a5fa26;color:#60a5fa}.status-badge.pending,.status-badge.queued{background:#fbbf2426;color:#fbbf24}.status-badge.cancelled{background:#9ca3af26;color:#9ca3af}.type-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;background:#2a2a2a;color:#aaa}.result-thumb{width:56px;height:56px;border-radius:4px;object-fit:cover;background:#222;cursor:pointer;transition:transform .2s}.result-thumb:hover{transform:scale(2);z-index:10;position:relative}.input-thumbs,.output-thumbs{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.input-thumb{opacity:.7;border:1px dashed #555}.video-thumb-wrap{position:relative;width:56px;height:56px;border-radius:4px;overflow:hidden;cursor:pointer;background:#1a1a1a;flex-shrink:0}.video-thumb-wrap.input-thumb{opacity:.7;border:1px dashed #555}.video-thumb-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.video-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;transition:background .15s}.video-thumb-wrap:hover .video-thumb-overlay{background:#0003}.video-thumb-play{color:#fff;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.6);line-height:1}.audio-player-wrap{display:flex;align-items:center;gap:4px;background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:3px 5px;max-width:180px}.audio-player-icon{font-size:12px;color:#60a5fa;flex-shrink:0}.audio-player-ctrl{height:22px;width:130px;flex-shrink:0;accent-color:#3b82f6}.audio-badge{display:inline-flex;align-items:center;gap:4px;background:#1e2a3a;border:1px solid #2d4a6b;border-radius:12px;padding:3px 8px;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.audio-badge:hover{background:#253a52}.audio-badge-icon{font-size:12px;color:#60a5fa}.audio-badge-label{font-size:11px;color:#93c5fd}.video-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal-box{position:relative;max-width:min(90vw,960px);max-height:90vh;background:#111;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #000c}.video-modal-player{display:block;max-width:100%;max-height:85vh;background:#000}.video-modal-close{position:absolute;top:10px;right:12px;z-index:10;background:#0009;border:none;color:#fff;font-size:16px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.video-modal-close:hover{background:#fff3}.smart-img-wrap{position:relative;display:inline-flex;flex-shrink:0}.smart-img-badge{position:absolute;top:2px;right:2px;font-size:10px;line-height:1;padding:1px 3px;border-radius:3px;pointer-events:none}.smart-img-badge.decoding{background:#0000008c;color:#fbbf24}.smart-img-badge.decoded{background:#4ade80d9;color:#000;font-weight:700}.smart-img-badge.failed{background:#f87171d9;color:#fff;font-weight:700}.prompt-text{font-size:11px;color:#999;margin-top:4px;line-height:1.4;word-break:break-all;white-space:normal}.error-text{color:#f87171;font-size:11px;line-height:1.4;word-break:break-all;white-space:normal}.duration-cell{display:flex;flex-direction:column;gap:2px}.duration-text{white-space:nowrap;color:#aaa}.est-duration-text{font-size:10px;white-space:nowrap}.est-good{color:#4ade80}.est-warn{color:#fbbf24}.est-bad{color:#f87171}.est-neutral{color:#666}.est-accuracy-badge{display:inline-block;padding:2px 7px;border-radius:8px;font-size:11px;font-weight:600}.est-accuracy-badge.est-good{background:#4ade8026;color:#4ade80}.est-accuracy-badge.est-warn{background:#fbbf2426;color:#fbbf24}.est-accuracy-badge.est-bad{background:#f8717126;color:#f87171}.task-id-text{font-size:10px;color:#888;font-family:monospace;word-break:break-all;cursor:text;-webkit-user-select:all;user-select:all;line-height:1.4}.user-info{white-space:nowrap}.user-info .user-name{color:#e0e0e0;font-weight:500}.user-info .user-team{color:#666;font-size:10px}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px}.admin-pagination button{background:#2a2a2a;border:1px solid #444;color:#ccc;border-radius:6px;padding:6px 14px;font-size:12px;cursor:pointer}.admin-pagination button:hover:not(:disabled){background:#333;border-color:#3b82f6}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-pagination .page-info{font-size:12px;color:#888}.daily-chart{margin-bottom:24px}.daily-chart h3{font-size:14px;font-weight:600;color:#ccc;margin-bottom:12px}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:180px;padding:12px 0;border-bottom:1px solid #333}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.chart-bar-stack{width:100%;max-width:48px;display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden}.chart-bar-segment{width:100%;min-height:1px;transition:height .3s}.chart-bar-segment.completed{background:#4ade80}.chart-bar-segment.failed{background:#f87171}.chart-bar-segment.other{background:#60a5fa}.chart-bar-label{font-size:10px;color:#888;text-align:center;margin-top:4px}.chart-bar-count{font-size:11px;color:#ccc;font-weight:600}.model-stats-section h3{font-size:14px;font-weight:600;color:#ccc;margin-bottom:12px}.model-stats-section .admin-table{table-layout:auto}.model-stats-section .admin-table th{width:auto!important;white-space:nowrap;padding:8px 10px}.model-stats-section .admin-table td{white-space:nowrap;padding:6px 10px}.success-rate-bar{width:80px;height:6px;background:#333;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:6px}.success-rate-fill{height:100%;border-radius:3px;transition:width .3s}.rate-high{background:#4ade80}.rate-medium{background:#fbbf24}.rate-low{background:#f87171}.admin-loading{display:flex;align-items:center;justify-content:center;padding:60px 0;color:#888;gap:8px;font-size:14px}.admin-empty{text-align:center;padding:60px 0;color:#666;font-size:14px}.debug-search{display:flex;gap:12px;margin-bottom:24px}.debug-input{flex:1;background:#1e1e1e;border:1px solid #333;color:#e0e0e0;border-radius:8px;padding:10px 16px;font-size:14px;font-family:monospace;outline:none;transition:border-color .2s}.debug-input:focus{border-color:#3b82f6}.debug-input::placeholder{color:#555}.debug-btn{padding:10px 24px!important;font-size:14px!important;font-weight:600}.debug-selector-row{display:flex;gap:16px;margin-bottom:12px}.debug-selector-group{flex:1;display:flex;flex-direction:column;gap:4px}.debug-selector-group label{font-size:12px;color:#888;font-weight:500}.debug-selector-group select{background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#e0e0e0;padding:8px 12px;font-size:13px;cursor:pointer}.debug-selector-group select:focus{border-color:#3b82f6;outline:none}.debug-selector-group select:disabled{opacity:.5;cursor:not-allowed}.debug-run-selector{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px}.debug-run-selector label{font-size:13px;color:#aaa;white-space:nowrap}.debug-run-selector select{flex:1;max-width:480px;background:#111;border:1px solid #333;border-radius:6px;color:#e0e0e0;padding:6px 10px;font-size:13px}.debug-run-selector select:focus{border-color:#3b82f6;outline:none}.row-selected{background:#3b82f61a!important;border-left:2px solid #3b82f6}.diag-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;margin-bottom:24px}.diag-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden;transition:border-color .2s}.diag-card-ok{border-left:3px solid #4ade80}.diag-card-warn{border-left:3px solid #fbbf24}.diag-card-error{border-left:3px solid #f87171}.diag-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.diag-card-header:hover{background:#222}.diag-card-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:#e0e0e0}.diag-card-arrow{font-size:10px;color:#666}.diag-card-summary{padding:4px 16px 12px;font-size:12px;color:#999;line-height:1.5}.diag-card-detail{border-top:1px solid #2a2a2a;padding:12px;max-height:400px;overflow-y:auto}.diag-card.diag-card-full-row{grid-column:1 / -1}.diag-card.diag-card-full-row .diag-card-detail{max-height:500px}.edge-log-table td:last-child{line-height:1.6}.diag-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap}.diag-ok{background:#4ade8026;color:#4ade80}.diag-warn{background:#fbbf2426;color:#fbbf24}.diag-error{background:#f8717126;color:#f87171}.diag-table{width:100%;border-collapse:collapse;font-size:11px}.diag-table th{background:#222;color:#888;font-weight:600;text-align:left;padding:6px 8px;border-bottom:1px solid #333;white-space:nowrap}.diag-table td{padding:5px 8px;border-bottom:1px solid #222;vertical-align:top;max-width:200px;overflow:hidden;text-overflow:ellipsis}.diag-table tr:hover{background:#252525}.diag-kv{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#ccc}.kv-label{color:#888;margin-right:8px;font-size:11px}.diag-log-list{display:flex;flex-direction:column;gap:2px;font-family:monospace;font-size:11px}.diag-log-item{display:flex;gap:12px;padding:4px 8px;border-radius:4px;line-height:1.5}.diag-log-item:hover{background:#252525}.diag-log-item.log-error{background:#f8717114}.log-time{color:#666;white-space:nowrap;flex-shrink:0}.log-msg{color:#ccc;word-break:break-all}.diag-empty{text-align:center;padding:20px;color:#666;font-size:12px}.timeline-swimlane{background:#111;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden}.timeline-header{display:grid;grid-template-columns:120px 60px 1fr 1fr 1fr 1fr;background:#1a1a1a;border-bottom:1px solid #333;position:sticky;top:0;z-index:1}.timeline-lane-label{padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;text-align:center;border-right:1px solid #222}.timeline-lane-label.tl-col-time,.timeline-lane-label.tl-col-offset{text-align:left}.timeline-lane-label:last-child{border-right:none}.lane-frontend{color:#60a5fa}.lane-database{color:#a78bfa}.lane-orchestrator{color:#34d399}.lane-executor{color:#fbbf24}.lane-subtitle{display:block;font-size:9px;font-weight:400;opacity:.5;letter-spacing:0;text-transform:none;margin-top:2px}.timeline-body{max-height:700px;overflow-y:auto}.timeline-row{display:grid;grid-template-columns:120px 60px 1fr 1fr 1fr 1fr;border-bottom:1px solid #1a1a1a;min-height:32px;align-items:stretch;transition:background .15s}.timeline-row:hover{background:#1a1a1a}.timeline-row-error{background:#f871710d}.timeline-time{padding:6px 8px;font-size:11px;color:#555;white-space:nowrap;font-family:monospace;display:flex;align-items:center}.timeline-offset{padding:6px 4px;font-size:10px;color:#444;font-family:monospace;display:flex;align-items:center}.timeline-cell{padding:4px 8px;min-height:28px;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;justify-content:center;gap:3px}.timeline-cell.active{background:#ffffff05}.timeline-bubble{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;cursor:pointer;width:100%;padding:1px 2px;border-radius:4px;transition:background .15s}.timeline-bubble:hover{background:#ffffff0d}.timeline-bubble-selected{background:#60a5fa26;outline:1px solid rgba(96,165,250,.3)}.timeline-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.timeline-bubble-text{color:#bbb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.timeline-source-tag{font-size:9px;padding:1px 3px;border:1px solid;border-radius:3px;flex-shrink:0;opacity:.7;font-family:monospace}.timeline-node-tag{font-size:9px;padding:1px 4px;background:#ffffff14;border-radius:3px;color:#888;flex-shrink:0;font-family:monospace}.timeline-gap{display:grid;grid-template-columns:120px 60px 1fr;border-bottom:1px dashed #2a2a2a;background:#ffffff03}.timeline-gap-label{grid-column:3;font-size:10px;color:#e97b3c;padding:3px 10px;text-align:center}.diag-alerts{background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:16px;margin-bottom:16px}.diag-alerts h3{color:#ddd;font-size:14px}.timeline-alert{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;margin-bottom:4px;font-size:12px}.timeline-alert-error{background:#f8717114}.timeline-alert-warn{background:#fbbf2414}.timeline-alert-info{background:#60a5fa0f}.timeline-alert-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0}.timeline-alert-error .timeline-alert-badge{background:#f87171;color:#000}.timeline-alert-warn .timeline-alert-badge{background:#fbbf24;color:#000}.timeline-alert-info .timeline-alert-badge{background:#60a5fa;color:#000}.timeline-alert-rule{font-family:monospace;font-size:10px;color:#666;padding:1px 6px;background:#ffffff0f;border-radius:3px;flex-shrink:0}.timeline-alert-msg{color:#ccc;flex:1}.timeline-alert-time{color:#555;font-family:monospace;font-size:11px;flex-shrink:0}.diag-conclusion{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:16px 20px;margin-bottom:24px}.diag-conclusion h3{font-size:14px;font-weight:600;color:#ccc;margin-bottom:8px}.conclusion-text{font-size:13px;color:#e0e0e0;line-height:1.8;white-space:pre-wrap;margin:0;font-family:inherit}.diag-section{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:16px 20px;margin-bottom:24px}.diag-section h3{font-size:14px;font-weight:600;color:#ccc;margin-bottom:12px}.provider-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.provider-card{background:#222;border:1px solid #333;border-radius:10px;padding:16px}.provider-card.provider-warn{border-color:#f87171;background:#f871710d}.provider-name{font-size:16px;font-weight:700;color:#e0e0e0;margin-bottom:12px;text-transform:uppercase}.provider-stats{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#ccc}.provider-stats>div{display:flex;justify-content:space-between;align-items:center}.active-range{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.timeline-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.timeline-detail-panel{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;width:min(560px,90vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.timeline-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2a4a;flex-shrink:0}.timeline-detail-title{font-size:14px;font-weight:600;color:#e0e0e0}.timeline-detail-close{background:none;border:1px solid #3a3a5a;color:#888;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s}.timeline-detail-close:hover{background:#2a2a4a;color:#e0e0e0;border-color:#4a4a6a}.timeline-detail-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;flex:1}.timeline-detail-section{padding:10px 0;border-bottom:1px solid #1e1e38;font-size:12px;line-height:1.8;color:#ccc}.timeline-detail-section:last-child{border-bottom:none}.timeline-detail-section strong{color:#a0a0c0}@media(max-width:768px){.admin-page{padding:16px}.stats-cards{grid-template-columns:repeat(2,1fr)}.admin-toolbar{flex-direction:column;align-items:flex-start}.debug-search{flex-direction:column}.diag-cards,.provider-cards{grid-template-columns:1fr}}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:color .15s;white-space:nowrap}.sortable-th:hover{color:#60a5fa}.sort-arrow{font-size:10px;color:#60a5fa;margin-left:2px}.user-status-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:500;transition:all .2s;-webkit-user-select:none;user-select:none}.user-status-badge.approved{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.user-status-badge.approved:hover{background:#4ade8040}.user-status-badge.pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.user-status-badge.pending:hover{background:#fbbf2440}.tag-cell{display:flex;flex-wrap:wrap;gap:4px;cursor:pointer;min-height:24px;align-items:center;padding:2px 0;border-radius:4px;transition:background .15s}.tag-cell:hover{background:#ffffff0a}.tag-chip{display:inline-block;padding:1px 8px;border-radius:8px;font-size:11px;background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.25);white-space:nowrap}.tag-chip.editing{padding-right:4px}.tag-remove{display:inline-block;margin-left:4px;cursor:pointer;color:#888;font-weight:700;font-size:13px;line-height:1;padding:0 3px;border-radius:50%;transition:color .15s}.tag-remove:hover{color:#f87171}.tag-editor{display:flex;flex-direction:column;gap:6px;min-width:160px}.tag-editor-tags{display:flex;flex-wrap:wrap;gap:4px}.tag-editor-input-row{display:flex;gap:4px;align-items:center}.tag-editor-actions{display:flex;gap:4px}.tag-btn{border:none;border-radius:4px;padding:2px 10px;font-size:11px;cursor:pointer;transition:all .15s}.tag-btn.save{background:#3b82f6;color:#fff}.tag-btn.save:hover{background:#2563eb}.tag-btn.save:disabled{opacity:.5;cursor:wait}.tag-btn.cancel{background:#333;color:#aaa}.tag-btn.cancel:hover{background:#444;color:#fff}.sentry-tab{margin-top:8px}.sentry-unconfigured{display:flex;flex-direction:column;align-items:center;justify-content:center;height:40vh;color:#888;font-size:16px;gap:8px}.sentry-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:8px;padding:12px 16px;font-size:13px;margin-bottom:16px}.sentry-empty{text-align:center;padding:60px 20px;color:#4ade80;font-size:15px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px}.sentry-issues{display:flex;flex-direction:column;gap:8px}.sentry-issue{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden;transition:border-color .2s}.sentry-issue:hover{border-color:#444}.sentry-issue.expanded{border-color:#3b82f6}.sentry-issue-header{padding:14px 18px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.sentry-issue-header:hover{background:#222}.sentry-issue-main{display:flex;align-items:center;gap:10px}.sentry-issue-title{font-size:13px;font-weight:600;color:#e0e0e0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sentry-issue-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.sentry-issue-culprit{font-size:11px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.sentry-issue-stats{display:flex;align-items:center;gap:14px;font-size:11px;color:#888;flex-shrink:0}.sentry-level{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;flex-shrink:0;letter-spacing:.5px}.sentry-level-fatal,.sentry-level-error{background:#7f1d1d;color:#fca5a5}.sentry-level-warning{background:#78350f;color:#fcd34d}.sentry-level-info{background:#1e3a5f;color:#93c5fd}.sentry-status{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:600}.sentry-status-unresolved{background:#7f1d1d;color:#fca5a5}.sentry-status-resolved{background:#14532d;color:#86efac}.sentry-status-ignored{background:#333;color:#888}.sentry-issue-detail{border-top:1px solid #2a2a2a;padding:16px 18px;background:#151515}.sentry-detail-bar{display:flex;align-items:center;gap:20px;font-size:12px;color:#888;margin-bottom:16px}.sentry-link{color:#60a5fa;text-decoration:none;font-weight:500;margin-left:auto}.sentry-link:hover{text-decoration:underline}.sentry-events-loading{color:#888;font-size:12px;padding:12px 0}.sentry-events h4{font-size:12px;color:#aaa;margin:0 0 10px;font-weight:600}.sentry-event{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px 14px;margin-bottom:8px}.sentry-event-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#888;margin-bottom:8px}.sentry-event-user{color:#60a5fa}.sentry-event-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.sentry-tag{font-size:10px;background:#252525;border:1px solid #333;color:#aaa;padding:2px 8px;border-radius:4px}.sentry-stacktrace{margin-top:8px}.sentry-exc-header{font-size:12px;color:#f87171;font-weight:600;margin-bottom:6px;word-break:break-all}.sentry-frames{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px}.sentry-frame{display:flex;align-items:center;gap:12px;padding:3px 0;border-bottom:1px solid #1e1e1e}.sentry-frame-fn{color:#c084fc;min-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sentry-frame-file{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}