.settings-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:#fff;border-radius:1rem;flex-direction:column;width:90%;max-width:800px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.settings-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.settings-modal-header h2{color:#111827;margin:0;font-size:1.5rem;font-weight:600}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:2rem;transition:all .2s;display:flex}.close-btn:hover{color:#111827;background:#f3f4f6}.settings-modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.provider-tabs{border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:.5rem;padding:1rem 1.5rem 0;display:flex;overflow-x:auto}.provider-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.provider-tab:hover{color:#111827}.provider-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.provider-config-content{flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.provider-description{color:#0369a1;background:#f0f9ff;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;line-height:1.5}.provider-description h3{color:#075985;margin:0 0 .5rem;font-size:1rem;font-weight:600}.provider-description p{margin:.5rem 0}.provider-description p:first-of-type{margin-top:0}.provider-description p:last-of-type{margin-bottom:0}.provider-description a{color:#0369a1;font-weight:500;text-decoration:underline}.provider-description a:hover{color:#075985}.config-form{flex-direction:column;gap:1.25rem;display:flex}.config-field{flex-direction:column;gap:.5rem;display:flex}.config-label{color:#374151;align-items:center;font-size:.875rem;font-weight:500;display:flex}.config-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin-right:.5rem}.required{color:#ef4444;margin-left:.25rem}.config-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;padding:.75rem;font-size:.875rem;transition:all .2s}.config-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.config-input::placeholder{color:#9ca3af}.settings-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.save-status{min-width:120px}.status-text{font-size:.875rem;font-weight:500}.status-text.saving{color:#6b7280}.status-text.saved{color:#10b981}.status-text.error{color:#ef4444}.footer-buttons{gap:.75rem;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover{background:#2563eb}.models-config-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:#111827;margin:0;font-size:1rem;font-weight:600}.section-actions{gap:.5rem;display:flex}.btn-fetch-models{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:.375rem;padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:background .2s}.btn-fetch-models:hover:not(:disabled){background:#059669}.btn-fetch-models:disabled{cursor:not-allowed;background:#9ca3af}.btn-add-model{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.375rem;padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:background .2s}.btn-add-model:hover{background:#2563eb}.empty-models-hint{text-align:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem;margin-bottom:1rem;padding:2rem 1rem}.empty-models-hint p{color:#6b7280;margin:0;font-size:.875rem}.empty-models-hint p:first-child{color:#374151;margin-bottom:.5rem;font-size:1rem;font-weight:500}.empty-models-hint .hint-text{color:#9ca3af;font-size:.8125rem}.add-model-form{background:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.add-model-form .config-input{width:100%;margin-bottom:.75rem}.add-model-actions{justify-content:flex-end;gap:.5rem;display:flex}.add-model-actions button{padding:.375rem .875rem;font-size:.875rem}.models-list{flex-direction:column;gap:.75rem;display:flex}.model-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.75rem;padding:.75rem}.model-item:last-child{margin-bottom:0}.model-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.model-info{align-items:center;gap:.5rem;display:flex}.model-name{color:#111827;font-weight:500}.custom-badge{color:#78350f;background:#fbbf24;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.model-actions{gap:.5rem;display:flex}.btn-edit,.btn-reset{cursor:pointer;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.btn-edit{color:#fff;background:#3b82f6}.btn-edit:hover{background:#2563eb}.btn-reset{color:#fff;background:#ef4444}.btn-reset:hover{background:#dc2626}.model-description{color:#6b7280;font-size:.75rem;line-height:1.4}.model-edit-modal{z-index:1001;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.model-edit-content{background:#fff;border-radius:.75rem;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.model-edit-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.model-edit-header h3{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.model-edit-body{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.model-edit-body textarea.config-input{resize:vertical;font-family:inherit}.checkbox-group{flex-wrap:wrap;gap:.75rem;padding:.5rem 0;display:flex}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:all .2s;display:flex}.checkbox-label:hover{background:#f3f4f6;border-color:#9ca3af}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.checkbox-label span{color:#374151;font-size:.875rem;font-weight:500}.checkbox-label input[type=checkbox]:checked+span{color:#3b82f6}.model-edit-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding:1.25rem;display:flex}@media (width<=640px){.settings-modal{width:95%;max-height:90vh}.settings-modal-header,.settings-modal-footer,.provider-config-content{padding:1rem}.provider-tabs{padding:.75rem 1rem 0}.footer-buttons,.btn-secondary,.btn-primary{flex:1}}.advanced-settings-toggle{margin:16px 0 8px}.advanced-settings-toggle .toggle-btn{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text2);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.advanced-settings-toggle .toggle-btn:hover{background:var(--card);border-color:var(--accent);color:var(--accent)}.checkbox-field{background:var(--bg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px;transition:background .2s;display:flex}.checkbox-field:hover{background:var(--card)}.checkbox-field input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-field span{color:var(--text2);-webkit-user-select:none;user-select:none;font-size:14px}.prompt-manager-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.prompt-manager{background:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a}.prompt-manager-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.prompt-manager-header h2{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.prompt-manager-toolbar{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.search-box{flex:1;min-width:200px}.search-box input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.5rem 1rem;font-size:.875rem}.toolbar-actions{align-items:center;gap:.5rem;display:flex}.prompt-manager-body{flex:1;display:flex;overflow:hidden}.category-sidebar{border-right:1px solid #e5e7eb;width:180px;padding:1rem;overflow-y:auto}.category-item{cursor:pointer;border-radius:.375rem;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.875rem;transition:background .2s;display:flex}.category-item:hover{background:#f3f4f6}.category-item.active{color:#3b82f6;background:#eff6ff;font-weight:500}.category-item .count{color:#9ca3af;background:#f3f4f6;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem}.category-item.active .count{color:#3b82f6;background:#dbeafe}.prompts-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:1rem;padding:1rem;display:grid;overflow-y:auto}.empty-state{text-align:center;color:#9ca3af;grid-column:1/-1;padding:4rem 2rem}.empty-state p{margin:0 0 1rem;font-size:1rem}.prompt-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;padding:1rem;transition:box-shadow .2s;display:flex}.prompt-card:hover{box-shadow:0 4px 6px -1px #0000001a}.prompt-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.prompt-card-header input[type=checkbox]{cursor:pointer;width:16px;height:16px}.prompt-card-header h3{color:#111827;flex:1;margin:0;font-size:1rem;font-weight:600}.category-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.prompt-content{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.prompt-bindings{flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem;display:flex}.binding-tag{color:#6b7280;background:#f3f4f6;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.prompt-card-actions{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.prompt-editor{flex:1;padding:1.5rem;overflow-y:auto}.editor-field{margin-bottom:1.5rem}.editor-field label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.editor-field input,.editor-field select,.editor-field textarea{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.editor-field textarea{resize:vertical}.editor-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.editor-section h4{color:#111827;margin:0 0 .5rem;font-size:1rem;font-weight:600}.editor-section .hint{color:#9ca3af;margin:0 0 1rem;font-size:.8125rem}.editor-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-text{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:background .2s}.btn-text:hover{background:#eff6ff}.btn-text-danger{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:background .2s}.btn-text-danger:hover{background:#fef2f2}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s}.btn-danger:hover{background:#dc2626}.task-detail-modal{background:#fff;border:1px solid #e9ebf0cc;border-radius:16px;flex-direction:column;width:90vw;max-width:800px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px -20px #10182840}.task-detail-modal .modal-header{background:#fff;border-bottom:1px solid #e7e9ee;justify-content:space-between;align-items:center;padding:0;display:flex;position:relative}.modal-tabs{flex:1;display:flex}.tab-btn{color:#5c6470;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;transition:all .25s;display:flex;position:relative}.tab-btn:after{content:"";background:linear-gradient(135deg,#0fc2b1,#2f7bff);height:2px;transition:transform .25s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tab-btn:hover{color:#17181a;background:#fafbfc}.tab-btn.active{color:#2f7bff;font-weight:600}.tab-btn.active:after{transform:scaleX(1)}.tab-icon{stroke-width:2px;width:18px;height:18px;transition:all .25s}.tab-btn.active .tab-icon{stroke:#2f7bff}.task-detail-modal .modal-close{color:#98a1ac;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.task-detail-modal .modal-close:hover{color:#17181a;background:#0000000f}.task-detail-modal .modal-close .ic{width:20px;height:20px}.task-detail-modal .modal-body{background:#fff;flex:1;padding:24px;overflow-y:auto}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.section-title{color:#17181a;border-bottom:1px solid #e7e9ee;margin:0 0 12px;padding-bottom:8px;font-size:14px;font-weight:600}.section-title.error-title{color:#dc2626}.detail-row{align-items:flex-start;padding:8px 0;font-size:14px;display:flex}.detail-label{color:#5c6470;flex-shrink:0;min-width:90px;font-weight:500}.detail-value{color:#17181a;word-break:break-all;flex:1;align-items:center;gap:6px;display:flex}.task-id-value{color:#5c6470;background:#f5f6f8;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-size:13px}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.prompt-content{color:#17181a;white-space:pre-wrap;word-break:break-word;background:#f5f6f8;border:1px solid #e7e9ee;border-radius:8px;padding:14px;font-size:14px;line-height:1.6}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.reference-item{background:#fff;border:1px solid #e7e9ee;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.reference-item:hover{border-color:#d4d8de;box-shadow:0 4px 12px #1018281a}.reference-preview{object-fit:cover;background:#f5f6f8;width:100%;height:120px}.audio-placeholder{color:#98a1ac;background:#f5f6f8;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:120px;display:flex}.audio-placeholder .ic{width:32px;height:32px}.reference-info{background:#fafbfc;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.reference-type{color:#98a1ac;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.reference-name{color:#5c6470;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.progress-wrapper{align-items:center;gap:12px;display:flex}.progress-bar{background:#e7e9ee;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#0fc2b1,#2f7bff);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:#2f7bff;text-align:right;min-width:45px;font-size:14px;font-weight:600}.result-video{object-fit:contain;background:#000;border:1px solid #e7e9ee;border-radius:8px;width:100%;max-height:60vh;margin-bottom:12px}.video-section.ratio-9-16{flex-direction:column;align-items:center;display:flex}.video-section.ratio-9-16 .result-video{max-width:400px;max-height:70vh}.video-section.ratio-1-1 .result-video{max-width:600px;max-height:65vh;margin-left:auto;margin-right:auto}.video-section.ratio-16-9 .result-video{max-height:60vh}.video-section.ratio-21-9 .result-video{max-height:55vh}.video-actions{gap:8px;display:flex}.action-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#0fc2b1,#2f7bff);box-shadow:0 2px 8px #0fc2b140}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0fc2b159}.error-message{color:#991b1b;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.6}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{color:#d4d8de;stroke-width:1.5px;width:64px;height:64px;margin-bottom:16px}.empty-icon.error{color:#fca5a5}.empty-text{color:#5c6470;margin:0 0 20px;font-size:16px}.empty-state.error .empty-text{color:#dc2626}.empty-state .progress-wrapper{width:100%;max-width:300px;margin-top:8px}.empty-state .error-message{max-width:400px;margin-top:16px}.task-detail-modal .modal-body::-webkit-scrollbar{width:8px}.task-detail-modal .modal-body::-webkit-scrollbar-track{background:#f5f6f8;border-radius:4px}.task-detail-modal .modal-body::-webkit-scrollbar-thumb{background:#d4d8de;border-radius:4px}.task-detail-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#98a1ac}:root{--bg:#f5f6f8;--card:#fff;--text:#17181a;--text2:#5c6470;--text3:#98a1ac;--line:#e7e9ee;--accent:#0ca6a0;--accent2:#2f7bff;--grad:linear-gradient(135deg, #0fc2b1, #2f7bff);--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 10px 28px -10px #10182829;--shadow-lg:0 28px 70px -20px #10182840;--r:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:#0fc2b138}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d4d8de;border-radius:8px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #0fc2b180}.ic{flex:none;width:18px;height:18px;display:block}.ic-xs{width:13px;height:13px}.ic-sm{width:15px;height:15px}.bg-blob{filter:blur(90px);pointer-events:none;z-index:0;opacity:.5;border-radius:50%;position:fixed}.b1{background:radial-gradient(circle,#bdf3ea,#0000 70%);width:560px;height:560px;animation:22s ease-in-out infinite alternate drift;top:-180px;left:-160px}.b2{background:radial-gradient(circle,#d6e3ff,#0000 70%);width:640px;height:640px;animation:26s ease-in-out infinite alternate-reverse drift;bottom:-220px;right:-200px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(50px,36px)}}.app{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--line);z-index:60;background:#fff;flex-direction:column;flex:none;gap:30px;width:232px;height:100vh;padding:22px 14px;animation:.7s both fadeUp;display:flex;position:relative}.brand{letter-spacing:.5px;align-items:center;gap:10px;padding:0 10px;font-size:15px;font-weight:700;display:flex}.brand-name{flex-direction:column;gap:1px;line-height:1.25;display:flex}.brand-logo{background:var(--grad);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 4px 12px -2px #0fc2b180}.brand small{color:var(--text3);letter-spacing:.3px;font-size:12px;font-weight:500}.side-nav{flex-direction:column;flex:1;gap:5px;display:flex}.side-item{color:var(--text2);text-align:left;border-radius:12px;align-items:center;gap:11px;padding:11px 14px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.side-item .ic{flex:none;width:18px;height:18px}.side-item:hover{color:var(--text);background:#f4f6f8}.side-item.on{color:#fff;background:#17181a;box-shadow:0 6px 14px -6px #17181a73}.side-item .cnt{min-width:20px;height:20px;color:var(--text2);background:#eef1f4;border-radius:10px;place-items:center;margin-left:auto;padding:0 6px;font-size:11.5px;font-weight:700;display:grid}.side-item.on .cnt{color:#fff;background:#ffffff38}.side-settings{margin-top:auto}.page{z-index:1;flex-direction:column;flex:1;align-items:stretch;min-width:0;height:100vh;padding:56px 32px 44px;display:flex;position:relative;overflow-y:auto}.hero-title{letter-spacing:1px;text-align:center;font-size:clamp(28px,3.6vw,42px);font-weight:800;animation:.7s 50ms both fadeUp}.page.works-mode{padding:32px 32px 24px}.page.works-mode .section-head{margin-top:0;margin-bottom:2px}.section-tools{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.view-toggle{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:11px;gap:3px;padding:3px;display:inline-flex}.vt-btn{width:32px;height:30px;color:var(--text3);border-radius:8px;place-items:center;transition:all .15s;display:grid}.vt-btn .ic{width:16px;height:16px}.vt-btn:hover{color:var(--text)}.vt-btn.on{color:#fff;background:#17181a}.composer-wrap.composer-float{z-index:5;filter:drop-shadow(0 14px 34px #14182024);flex:none;width:min(1060px,100%);margin-top:20px;padding-top:0;position:sticky;bottom:14px}.filters{flex-wrap:wrap;gap:6px;display:inline-flex}.fchip{border:1px solid var(--line);height:30px;color:var(--text2);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.fchip:hover{color:var(--text);border-color:#d0d5db}.fchip.on{border-color:var(--accent);color:var(--accent);background:#e9f8f6}.fcnt{min-width:18px;height:18px;color:var(--text2);background:#eef1f4;border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid}.fchip.on .fcnt{color:var(--accent);background:#0ca6a024}.works-scroll{flex-direction:column;gap:18px;width:100%;margin-top:16px;display:flex}.works-scroll .works-grid,.works-scroll .works-list{width:100%;margin-top:0}.load-sentinel{flex:none;height:1px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;animation:.7s .1s both fadeUp;display:flex}.page.works-mode .section-head{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f6f8e0;border-radius:0 0 14px 14px;margin-top:-10px;padding:10px 0 12px;position:sticky;top:-32px}.sec-meta{color:var(--text3);font-size:13px}.works-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;width:100%;margin-top:22px;display:grid}.works-grid.enter{animation:.45s both fadeUp}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #e9ebf0cc;transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s;animation:.7s both fadeUp;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.card-media{aspect-ratio:4/2.8;background:#eee;position:relative;overflow:hidden}.scene,.scene-mini{width:100%;height:100%}.thumb-placeholder{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-icon{color:#9ca3af;opacity:.6;width:48px;height:48px}.scene svg,.scene-mini svg{width:100%;height:100%;display:block}.card:hover .card-media .zoom-in{transform:scale(1.05)}.zoom-in{transition:transform .8s cubic-bezier(.22,.8,.3,1);position:absolute;inset:0}.play-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:3;background:#14161a59;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .25s;display:grid;position:absolute;top:12px;right:12px}.play-btn .ic{width:16px;height:16px;margin-left:2px}.card:hover .play-btn{background:#14161a99;transform:scale(1.1)}.media-bottom{z-index:2;background:linear-gradient(#0000,#080a0e2e 40%,#080a0e8c);padding:34px 16px 12px;position:absolute;bottom:0;left:0;right:0}.model-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f121880;border:1px solid #ffffff40;border-radius:7px;margin-bottom:8px;padding:3px 8px;font-size:11px;display:inline-block}.media-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.media-title-row h3{color:#fff;text-shadow:0 1px 4px #0000004d;font-size:17px;font-weight:700}.try-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffffbf;border-radius:999px;flex:none;padding:6px 15px;font-size:13px;font-weight:600;transition:all .2s}.try-btn:hover{color:#17181a;background:#fff}.card-body{padding:16px 18px 20px}.card-body p{color:var(--text2);font-size:13.5px;line-height:1.85}.w-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e9ebf0cc;border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s;animation:.4s both popIn;display:flex;overflow:hidden}.w-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.w-card.removing{opacity:0;transition:all .22s;transform:scale(.88)}.w-card.flash{animation:1.3s .1s flashRing}@keyframes flashRing{0%{box-shadow:0 0 #0fc2b180}to{box-shadow:0 0 0 18px #0fc2b100}}.w-thumb{aspect-ratio:16/9;background:#101216;position:relative;overflow:hidden}.w-thumb .scene-mini{position:absolute;inset:0}.w-card.done .w-thumb{cursor:pointer}.status-tag{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.status-tag .sdot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotP}.status-tag.run{color:#fff;background:#0fc2b1e6;box-shadow:0 2px 8px #0fc2b14d}.status-tag.canceled{color:#fff;background:#ef4444e6;box-shadow:0 2px 8px #ef44444d}.status-tag.done{color:#fff;background:#22c55ee6;box-shadow:0 2px 8px #22c55e4d}.status-tag.queued{color:#fff;background:#fb923ce6;box-shadow:0 2px 8px #fb923c4d}.queue-hint{z-index:2;color:#fff;letter-spacing:1px;text-shadow:0 2px 14px #0000008c;font-size:15px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.w-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.w-dur{z-index:3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c108c;border-radius:7px;padding:3px 8px;font-size:11px;position:absolute;top:10px;right:10px}.w-play{z-index:2;opacity:0;color:#fff;background:#080a0e47;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.w-card.done .w-thumb:hover .w-play{opacity:1}.hp-c{color:#17181a;width:54px;height:54px;box-shadow:var(--shadow-lg);background:#fffffff0;border-radius:50%;place-items:center;transition:all .2s;display:grid;transform:scale(.88)}.w-card.done .w-thumb:hover .hp-c{transform:scale(1)}.shimmer{z-index:1;background:linear-gradient(100deg,#0000 30%,#ffffff80 50%,#0000 70%) 0 0/220% 100%;animation:1.4s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}.pct-center{z-index:2;color:#fff;letter-spacing:1px;text-shadow:0 2px 14px #0000008c;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.w-progress{z-index:2;background:linear-gradient(#0000,#0506088c);padding:14px 12px 10px;position:absolute;bottom:0;left:0;right:0}.w-progress .bar{background:#ffffff40;border-radius:4px;height:4px;overflow:hidden}.w-progress .bar i{background:#fff;border-radius:4px;width:0;height:100%;transition:width .15s linear;display:block}.w-info{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.w-meta{color:var(--text3);flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;display:flex}.badge{color:var(--accent);background:#e9f8f6;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.badge.gray{color:var(--text3);background:#f1f3f5}.w-prompt{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:46px;margin-top:9px;font-size:13px;line-height:1.75;display:-webkit-box;overflow:hidden}.w-foot{align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.tcost{align-items:center;gap:4px;margin-right:auto;font-size:12.5px;font-weight:700;display:flex}.tcost .ic{width:13px;height:13px;color:var(--accent2)}.tbtn{color:var(--text2);border:1px solid var(--line);white-space:nowrap;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s}.tbtn:hover{color:var(--text);background:#f7f8fa;border-color:#d0d5db}.tbtn.primary{color:#fff;background:var(--grad);border:none;box-shadow:0 6px 14px -5px #0fc2b18c}.tbtn.primary:hover{filter:brightness(1.06)}.icon-btn{width:30px;height:30px;color:var(--text2);border-radius:9px;place-items:center;transition:all .15s;display:grid}.icon-btn:hover{color:#e5483c;background:#f4f6f8}.works-list{flex-direction:column;gap:10px;width:100%;display:flex}.wcard-row{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e9ebf0cc;border-radius:14px;align-items:center;gap:14px;padding:10px 14px 10px 10px;transition:transform .2s,box-shadow .2s;animation:.3s both popIn;display:flex}.wcard-row:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.wcard-row.flash{animation:1.3s .1s flashRing}.wrow-thumb{aspect-ratio:16/9;background:#101216;border-radius:9px;flex:none;width:124px;position:relative;overflow:hidden}.wrow-thumb .scene-mini{position:absolute;inset:0}.wrow-thumb .status-tag{gap:4px;padding:2px 7px;font-size:10px;top:4px;left:4px}.wrow-pct{z-index:2;color:#fff;text-shadow:0 2px 10px #0000008c;font-size:13px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrow-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.wrow-meta{color:var(--text3);flex-wrap:wrap;gap:10px;font-size:11.5px;display:flex}.wrow-prompt{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.wrow-bar{background:#eef1f4;border-radius:4px;height:4px;overflow:hidden}.wrow-bar i{background:var(--grad);border-radius:4px;height:100%;transition:width .15s linear;display:block}.w-error{color:#991b1b;cursor:help;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:8px;align-items:center;gap:8px;margin:8px 0;padding:10px 12px;font-size:13px;line-height:1.5;transition:all .2s;display:flex}.w-error:hover{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#f87171}.w-error .err-icon{color:#dc2626;flex-shrink:0;width:16px;height:16px}.w-error .err-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wrow-err{color:#991b1b;cursor:help;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;font-size:12px;transition:all .2s;display:flex}.wrow-err:hover{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.wrow-err .err-icon{color:#dc2626;flex-shrink:0;width:14px;height:14px}.wrow-err span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wrow-act{flex:none;align-items:center;gap:8px;display:flex}.modal-mask{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c109e;place-items:center;padding:28px;animation:.2s both fadeIn;display:grid;position:fixed;inset:0}.modal{width:min(880px,100%);box-shadow:var(--shadow-lg);background:#101216;border-radius:18px;animation:.25s both popIn;position:relative;overflow:hidden}.modal.ratio-9-16{width:min(420px,90%);max-height:90vh}.modal.ratio-1-1{width:min(600px,90%)}.modal.ratio-16-9{width:min(880px,90%)}.modal.ratio-21-9{width:min(960px,90%)}.modal video{object-fit:contain;background:#000;width:100%;max-height:min(64vh,600px);display:block}.modal.ratio-9-16 video{object-fit:contain;max-height:min(80vh,800px)}.modal.ratio-1-1 video{object-fit:contain;max-height:min(70vh,700px)}.modal-close{z-index:5;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14161a8c;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:#14161acc;transform:rotate(90deg)}.modal-foot{background:#17191d;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.modal-prompt{color:#c9ced6;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.modal-act{flex:none;gap:8px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty{text-align:center;color:var(--text3);grid-column:1/-1;padding:70px 20px;animation:.5s both fadeUp}.empty .e-ico{color:#c1c7cf;background:#f0f2f5;border-radius:22px;place-items:center;width:76px;height:76px;margin:0 auto 16px;display:grid}.empty .e-ico .ic{width:32px;height:32px}.empty p{font-size:13.5px;line-height:1.8}.empty .e-btn{background:var(--grad);color:#fff;border-radius:999px;margin-top:16px;padding:9px 22px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 8px 18px -6px #0fc2b180}.empty .e-btn:hover{filter:brightness(1.06)}.stem{transform-box:fill-box;transform-origin:50% 100%;animation:4.5s ease-in-out infinite alternate sway}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(4.5deg)}}.girl-b{animation:4s ease-in-out infinite alternate breath}@keyframes breath{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.mote{opacity:0;animation:7s ease-in-out infinite mote}@keyframes mote{0%{opacity:0;transform:translateY(0)}20%{opacity:.85}to{opacity:0;transform:translateY(-46px)}}.burger-b{animation:3.4s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-9px)}}.b-glow{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite alternate glowP}@keyframes glowP{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.07)}}.ember{animation:linear infinite emberR}@keyframes emberR{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-110px)}}.fi1{animation:3.6s ease-in-out infinite alternate floatA}.fi2{animation:4.4s ease-in-out .6s infinite alternate floatA}.fi3{animation:3.2s ease-in-out .3s infinite alternate-reverse floatA}.fi4{animation:4.8s ease-in-out .9s infinite alternate-reverse floatA}@keyframes floatA{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-14px)rotate(6deg)}}.cut-m{animation:3s infinite cutF}.cut-c{animation:3s .95s infinite cutF}.cut-y{animation:3s 1.9s infinite cutF}@keyframes cutF{0%,88%{opacity:0}90%{opacity:.28}94%,to{opacity:0}}.dreamina-t{animation:6s ease-in-out infinite alternate dreamP}@keyframes dreamP{0%{opacity:.5}to{opacity:.72}}.denim{animation:3.6s infinite hueCut}@keyframes hueCut{0%,20%{filter:none}22%,42%{filter:hue-rotate(130deg)saturate(1.5)}44%,64%{filter:hue-rotate(250deg)saturate(1.3)}66%,86%{filter:hue-rotate(45deg)}88%,to{filter:none}}.model-b{animation:1.5s ease-in-out infinite alternate walkB}@keyframes walkB{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-4px)rotate(.6deg)}}.sticker-b{animation:3.5s ease-in-out infinite alternate stF}@keyframes stF{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.is-paused *{animation-play-state:paused!important}.composer-wrap{align-self:center;width:min(1060px,100%);margin-top:auto;padding-top:56px;animation:.8s .32s both fadeUp}.composer{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;padding:20px 20px 16px;transition:box-shadow .3s}.composer.pulse{animation:.9s compGlow}@keyframes compGlow{0%{box-shadow:var(--shadow-lg), 0 0 0 0 #0fc2b166}to{box-shadow:var(--shadow-lg), 0 0 0 18px #0fc2b100}}.composer-main{align-items:flex-start;gap:18px;display:flex}.ref-add-wrap{flex:none;padding-top:4px;position:relative}.ref-add{border:1px solid var(--line);width:72px;height:92px;box-shadow:var(--shadow-sm);color:var(--text2);cursor:pointer;background:#fbfcfd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;transition:all .25s;display:flex;transform:rotate(-6deg)}.ref-add:hover{color:var(--text);border-color:#d6dae0;transform:rotate(0)scale(1.05)}.ref-menu{border:1px solid var(--line);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform-origin:0 100%;z-index:30;background:#fff;border-radius:14px;min-width:160px;padding:6px;transition:all .18s;position:absolute;bottom:calc(100% + 12px);left:0;transform:translateY(6px)scale(.98)}.ref-menu.open{opacity:1;visibility:visible;transform:none}.ref-menu button{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13.5px;transition:all .15s;display:flex}.ref-menu button:hover{background:#f4f6f8}.input-area{flex:1;min-width:0}.refs-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.ref-tile{color:#fff;width:64px;height:80px;box-shadow:var(--shadow-sm);text-align:center;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:4px;animation:.25s both popIn;display:flex;position:relative;overflow:hidden}.ref-tile .ic{width:20px;height:20px}.ref-tile span{opacity:.95;text-overflow:ellipsis;-webkit-line-clamp:2;z-index:1;-webkit-box-orient:vertical;max-width:100%;font-size:10px;line-height:1.3;display:-webkit-box;position:relative;overflow:hidden}.ref-tile.has-preview{background:#f5f5f7;padding:0}.ref-preview{object-fit:cover;border-radius:11px;width:100%;height:100%;position:absolute;top:0;left:0}.ref-tile.has-preview span{color:#fff;-webkit-line-clamp:1;background:linear-gradient(#0000,#000000b3);border-radius:0 0 11px 11px;padding:4px 6px;font-size:9px;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.ref-tile .rm{color:#5c6470;width:18px;height:18px;box-shadow:var(--shadow-md);background:#fff;border-radius:50%;place-items:center;display:none;position:absolute;top:-6px;right:-6px}.ref-tile:hover .rm{display:grid}.ref-tile .rm:hover{color:#e5483c}.ref-tile .rm .ic{width:10px;height:10px}.ref-tile.uploading{animation:1.2s ease-in-out infinite refUploading}@keyframes refUploading{0%,to{opacity:.5}50%{opacity:1}}.ref-image{background:linear-gradient(135deg,#8ec5ff,#5a8dff)}.ref-video{background:linear-gradient(135deg,#ffb86c,#ff6b6b)}.ref-audio{background:linear-gradient(135deg,#7be0c3,#2fbf9b)}.input-wrap{position:relative}.ph{color:#9aa3af;pointer-events:none;padding:4px 6px;font-size:15px;line-height:1.75;transition:opacity .2s;position:absolute;inset:0}.input-wrap.has-text .ph{opacity:0}#promptInput{resize:none;width:100%;color:var(--text);z-index:1;background:0 0;border:none;outline:none;min-height:86px;max-height:220px;font-family:inherit;font-size:15px;line-height:1.75;position:relative}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.tb-left{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--line);color:#2a2f36;white-space:nowrap;background:#fff;border-radius:11px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.chip:hover{background:#f7f8fa;border-color:#d6dae0}.chip:active{transform:scale(.97)}.chip-accent,.chip-accent .ic{color:var(--accent)}.chip .chev{color:#98a1ac;width:14px;height:14px;transition:transform .2s}.chip .ic-spark{color:var(--accent2);width:14px;height:14px}.frame-chip{gap:7px}.chip-div{background:var(--line);width:1px;height:16px}.dd-slider-menu{min-width:520px;padding:20px 24px 16px}.slider-label{color:#9aa0a6;margin-bottom:22px;font-size:14px}.slider-wrapper{align-items:center;gap:20px;display:flex}.slider-track-wrapper{flex:1;padding-bottom:26px;position:relative}.duration-slider{appearance:none;background:linear-gradient(to right, #d7d9dd 0%, #d7d9dd var(--fill,0%), #ededf0 var(--fill,0%), #ededf0 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:14px;display:block}.duration-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:none;border-radius:8px;width:16px;height:26px;transition:box-shadow .15s;box-shadow:0 1px 4px #11141838}.duration-slider:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 2px 8px #1114184d}.duration-slider::-moz-range-thumb{cursor:grab;background:#fff;border:none;border-radius:8px;width:16px;height:26px;box-shadow:0 1px 4px #11141838}.duration-slider::-moz-range-track{background:#ededf0;border-radius:999px;height:14px}.duration-slider::-moz-range-progress{background:#d7d9dd;border-radius:999px;height:14px}.slider-marks{pointer-events:none;height:0;position:absolute;top:7px;left:0;right:0}.slider-tick{width:0;position:absolute;top:0}.tick-line{background:#fff;border-radius:1px;width:2px;height:18px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.tick-label{color:#9aa0a6;white-space:nowrap;font-size:13px;position:absolute;top:15px;left:0;transform:translate(-50%)}.slider-input-box{box-sizing:border-box;background:#f1f2f4;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;min-width:76px;padding:7px 10px;transition:background .15s,box-shadow .15s;display:flex}.slider-input-box:focus-within{background:#eaebee;box-shadow:inset 0 0 0 1.5px #11141814}.duration-input{color:#17181a;text-align:left;appearance:textfield;background:0 0;border:none;outline:none;width:34px;padding:0;font-family:inherit;font-size:16px;font-weight:500}.duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-unit{color:#a6abb3;font-size:13px;font-weight:500}.dd{position:relative}.dd-menu{border:1px solid var(--line);min-width:236px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform-origin:0 100%;z-index:40;background:#fff;border-radius:14px;padding:6px;transition:all .18s;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(6px)scale(.98)}.dd-right .dd-menu{transform-origin:100% 100%;left:auto;right:0}.dd.open .dd-menu{opacity:1;visibility:visible;transform:none}.dd.open .chev{transform:rotate(180deg)}.dd-scroll{max-height:320px;overflow-y:auto}.dd-item{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 11px;transition:all .15s;display:flex}.dd-item:hover{background:#f4f6f8}.dd-item .ic{color:var(--text2)}.dd-item-main{flex-direction:column;gap:2px;min-width:0;display:flex}.dd-item-label{font-size:13.5px;font-weight:600}.dd-item-desc{color:var(--text3);font-size:11.5px}.dd-check{color:var(--accent);opacity:0;width:16px;height:16px;margin-left:auto}.dd-item.on .dd-check{opacity:1}.dd-sec{color:var(--text3);margin:4px 0 8px;padding:0 8px;font-size:12px;font-weight:600}.dd-wide{width:316px}.frame-panel{padding:16px}.frame-panel .dd-sec{margin:0 0 9px;font-size:12.5px}.frame-panel .dd-sec+.seg{margin-bottom:0}.frame-panel .dd-sec:not(:first-child){margin-top:18px}.seg{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.seg-btn{border:1px solid var(--line);min-width:44px;height:30px;color:var(--text2);background:#fff;border-radius:8px;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s}.seg-btn:hover{border-color:var(--accent);color:var(--accent)}.seg-btn.on{border-color:var(--accent);color:var(--accent);background:#e9f8f6}.tb-right{align-items:center;gap:16px;display:flex}.credits{align-items:center;gap:5px;font-size:14px;display:flex}.credits .ic{color:var(--accent2);width:16px;height:16px}.credits b{font-weight:700}.credits span{color:var(--text3)}.credits.insufficient b{color:#e5483c}.send{color:#b6bdc7;background:#eceff3;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .2s;display:grid}.send .ic{width:19px;height:19px}.send.ready{background:var(--grad);color:#fff;box-shadow:0 8px 18px -4px #0fc2b18c}.send.ready:hover{filter:brightness(1.06);transform:translateY(-1px)}.send.ready:active{transform:scale(.94)}.send.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.toast{z-index:120;color:#fff;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;background:#171a1feb;border-radius:12px;align-items:center;gap:9px;padding:11px 18px;font-size:13.5px;font-weight:500;transition:all .28s cubic-bezier(.22,.8,.3,1);display:flex;position:fixed;top:26px;left:50%;transform:translate(-50%,-16px)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%)}.toast .ic{color:#3ee6c9;width:16px;height:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes dotP{0%,to{box-shadow:0 0 #12c98d80}50%{box-shadow:0 0 0 6px #12c98d00}}@media (width<=1024px){.composer-main{flex-direction:column}.ref-add{flex-direction:row;gap:8px;width:100%;height:52px;transform:none}.ref-menu{transform-origin:0 100%;top:auto;bottom:calc(100% + 8px)}}@media (width<=860px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;height:auto;padding:10px 16px}.side-nav{flex-direction:row;gap:4px}.side-item{padding:8px 12px}.side-item .cnt{margin-left:4px}.page,.page.works-mode{height:calc(100vh - 57px)}}@media (width<=640px){.section-head{flex-direction:column;align-items:flex-start}.page,.page.works-mode{padding:14px 14px 16px}.wrow-thumb{width:96px}.modal-foot{flex-direction:column;align-items:flex-start}}.batch-toolbar{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e9ebf0;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.batch-btn{color:var(--text1);cursor:pointer;background:#fff;border:1px solid #d0d5db;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.batch-btn:hover:not(:disabled){background:#f7f8fa;border-color:#b0b5bb;transform:translateY(-1px)}.batch-btn:disabled{opacity:.5;cursor:not-allowed}.batch-btn.danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.batch-btn.danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.batch-count{color:var(--text2);padding:0 8px;font-size:14px;font-weight:500}.card-checkbox,.row-checkbox{z-index:10;cursor:pointer;width:24px;height:24px;position:absolute;top:12px;left:12px}.card-checkbox input,.row-checkbox input{opacity:0;cursor:pointer;position:absolute}.checkbox-mark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:2px solid #d0d5db;border-radius:6px;width:24px;height:24px;transition:all .2s;position:absolute;top:0;left:0}.card-checkbox:hover .checkbox-mark,.row-checkbox:hover .checkbox-mark{background:#fff;border-color:#0fc2b1}.card-checkbox input:checked~.checkbox-mark,.row-checkbox input:checked~.checkbox-mark{background:linear-gradient(135deg,#0fc2b1 0%,#0ba896 100%);border-color:#0fc2b1}.checkbox-mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;display:none;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.card-checkbox input:checked~.checkbox-mark:after,.row-checkbox input:checked~.checkbox-mark:after{display:block}.w-card.selected,.wcard-row.selected{border-color:#0fc2b1;box-shadow:0 0 0 2px #0fc2b133}.row-checkbox{flex-shrink:0;margin-right:12px;position:relative;top:0;left:0}.wcard-row.selected .row-checkbox{position:relative}.input-actions{z-index:10;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.input-actions .icon-btn{background:var(--card);border:1px solid var(--line);width:32px;height:32px;color:var(--text2);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.input-actions .icon-btn:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.prompt-history-menu{background:var(--card);width:320px;max-height:400px;box-shadow:var(--shadow-lg);z-index:100;border-radius:12px;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden}.prompt-history-list{max-height:340px;padding:8px;overflow-y:auto}.prompt-history-item{border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:flex}.prompt-history-item:hover{background:var(--bg)}.prompt-history-text{text-align:left;color:var(--text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;flex:1;padding:0;font-size:14px;line-height:1.5;overflow:hidden}.prompt-history-text:hover{color:var(--accent)}.prompt-history-item .icon-btn{width:24px;height:24px;color:var(--text3);opacity:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.prompt-history-item:hover .icon-btn{opacity:1}.prompt-history-item .icon-btn:hover{color:var(--text);background:#0000000d}.task-id{background:var(--bg);border:1px solid var(--line);cursor:help;-webkit-user-select:all;user-select:all;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Consolas,monospace;color:var(--text3)!important;font-size:11px!important}.task-id:hover{border-color:var(--accent);background:var(--card);color:var(--text2)!important}.custom-nav{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:8px;padding:16px 20px;display:flex}.custom-nav-item{color:var(--text3);cursor:pointer;border-radius:8px;align-items:center;padding:10px 12px;font-size:16px;text-decoration:none;transition:all .2s;display:flex}.custom-nav-item:hover{background:var(--card);color:var(--text2)}.custom-nav-item:active{transform:scale(.98)}.custom-nav-item[target=_blank]:after{content:"↗";opacity:.4;margin-left:auto;font-size:11px}