:root{--bg-primary:#15161a;--bg-card:#1e1f24;--bg-input:#282a30;--text-primary:#e0e0e0;--text-secondary:#999;--accent:#00cae0;--success:#52c41a;--danger:#ff4d4f;--warning:#faad14;--border:#2a2b30;--radius:6px;--content-width:960px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.container{max-width:var(--content-width);width:100%;margin:0 auto}.topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;height:48px;padding:0 20px;display:flex}.topbar__inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar__title{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:600}.topbar__stats{color:var(--text-secondary);gap:16px;font-size:12px;display:flex}.topbar__stat{align-items:center;gap:4px;display:flex}.topbar__stat-num{color:var(--text-primary);font-weight:600}.topbar__right{align-items:center;gap:12px;display:flex}.topbar__credit{color:var(--accent);white-space:nowrap;background:#00cae01a;border-radius:20px;padding:2px 10px;font-size:12px}.topbar__btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:2px 10px;font-size:12px}.topbar__btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.topbar__btn--pressed{color:var(--accent)!important;border-color:var(--accent)!important}.topbar__btn--done{color:var(--success)!important;border-color:var(--success)!important}.topbar__refresh{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px;position:relative}.topbar__refresh-time{margin-left:2px}.topbar__refresh-tooltip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;pointer-events:none;z-index:100;border-radius:4px;padding:4px 10px;font-size:11px;display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.topbar__refresh:hover .topbar__refresh-tooltip{display:block}.status-banner{text-align:center;flex-shrink:0;justify-content:center;align-items:center;padding:6px 20px;font-size:13px;display:flex}.status-banner--error{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger);border-bottom:1px solid color-mix(in srgb, var(--danger) 30%, transparent)}.status-banner--warning{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning);border-bottom:1px solid color-mix(in srgb, var(--warning) 30%, transparent)}.main{flex-direction:column;flex:1;align-items:center;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.main__inner{flex-direction:column;gap:12px;width:100%;display:flex}.section-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;padding:4px 0;font-size:11px;display:flex}.section-header__line{background:var(--border);flex:1;height:1px}.task-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.task-card--active{border-color:var(--accent);background:#00cae00a}.task-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.task-card__prompt{color:var(--text-primary);word-break:break-word;font-size:14px;line-height:1.5}.task-card__refs{flex-wrap:wrap;gap:6px;display:flex}.task-card__ref{color:var(--accent);background:#00cae014;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.task-card__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.task-card__tag{background:var(--bg-input);color:var(--text-secondary);border-radius:3px;padding:2px 7px;font-size:11px}.task-card__tag--type{color:var(--accent);background:#00cae01a}.task-card__cost{color:var(--warning);margin-left:auto;font-size:11px}.task-card__elapsed{color:var(--accent);font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Monaco,monospace;font-size:11px}.task-card__time{color:var(--text-secondary);font-size:11px}.task-card__actions{gap:8px;margin-left:auto;display:flex}.task-card__action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:12px}.task-card__action-btn:hover{color:var(--accent)}.task-card__action-btn--danger:hover{color:var(--danger)}.task-card__link{color:var(--accent);align-items:center;gap:3px;font-size:12px;text-decoration:none;display:inline-flex}.task-card__link:hover{text-decoration:underline}.task-card--pending{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.task-card--pending:active{cursor:grabbing}.task-card--dragging{opacity:.25;pointer-events:none}.task-card__drag-hint{color:var(--text-secondary);cursor:grab;-webkit-user-select:none;user-select:none;margin-right:4px;font-size:14px}.drag-floating-card{pointer-events:none;z-index:1000;opacity:.92;filter:drop-shadow(0 8px 24px #00000080);width:min(900px,100vw - 40px);max-width:var(--content-width);position:fixed;transform:translate(-20px,-20px)}.drag-insert-line{background:var(--accent);z-index:10;pointer-events:none;border-radius:2px;height:3px;position:absolute;top:-3px;left:0;right:0;box-shadow:0 0 8px #00cae080}.view-more-btn{background:var(--bg-card);border:1px dashed var(--border);width:100%;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;padding:8px;font-size:12px;transition:border-color .2s,color .2s;display:block}.view-more-btn:hover{border-color:var(--accent);color:var(--accent)}.done-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:min(700px,90vw);max-height:80vh;display:flex;overflow:hidden}.done-modal__body{flex-direction:column;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.task-card__right-col{align-items:center;gap:8px;margin-left:auto;display:flex}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:inline-flex}.status-badge--running{color:var(--accent);background:#00cae026}.status-badge--done{color:var(--success);background:#52c41a1f}.status-badge--pending{color:var(--warning);background:#faad141f}.status-badge--failed{color:var(--danger);background:#ff4d4f1f}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status-dot--running{animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.bottom-bar{border-top:1px solid var(--border);background:var(--bg-primary);flex-shrink:0;padding:12px 20px 16px}.bottom-bar__inner{flex-direction:column;gap:10px;display:flex}.bottom-bar__input-row{gap:10px;display:flex}.bottom-bar__prompt{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius);resize:none;outline:none;min-height:40px;max-height:200px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.5;display:block;overflow-y:hidden}.bottom-bar__prompt:focus{border-color:var(--accent)}.bottom-bar__prompt::placeholder{color:var(--text-secondary)}.bottom-bar__upload{border:1px dashed var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:border-color .2s,color .2s;display:flex}.bottom-bar__upload:hover{border-color:var(--accent);color:var(--accent)}.bottom-bar__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bottom-bar__right{align-items:center;gap:8px;margin-left:auto;display:flex}.control-group{align-items:center;gap:6px;display:flex}.control-label{color:var(--text-secondary);white-space:nowrap;font-size:11px}.control-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-radius:4px;outline:none;padding:4px 24px 4px 8px;font-size:12px}.control-select:focus{border-color:var(--accent)}.stepper-wrap{position:relative}.stepper{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:2px;display:inline-flex}.stepper__icon{color:var(--text-secondary);align-items:center;padding-left:6px;display:flex}.stepper__val{color:var(--text-primary);text-align:center;min-width:32px;padding:4px 8px;font-size:12px}.slider-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:200;min-width:160px;padding:12px 16px 8px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 16px #0006}.slider-input{appearance:none;background:var(--bg-input);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.slider-labels{color:var(--text-secondary);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.dropdown-wrap{position:relative}.dropdown-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px}.dropdown-trigger{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.dropdown-trigger--open{border-color:var(--accent)}.dropdown-arrow{color:var(--text-secondary);margin-left:2px;font-size:10px}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:200;min-width:100%;position:absolute;bottom:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 16px #0006}.dropdown-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:background .1s;display:flex}.dropdown-item:hover{background:var(--bg-input)}.dropdown-item--active{color:var(--accent)}.ratio-preview{border:1px solid var(--border);background:var(--bg-input);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ratio-preview__inner{border:1.5px solid var(--text-secondary);background:0 0;border-radius:2px;display:block}.uploaded-files{flex-wrap:wrap;gap:4px;display:flex}.uploaded-file{color:var(--accent);cursor:pointer;background:#00cae014;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;transition:background .15s;display:inline-flex}.uploaded-file--ready:hover{background:#00cae02e}.uploaded-file--uploading{cursor:default;color:var(--text-secondary);background:var(--bg-input)}.uploaded-file__pct{color:var(--text-secondary);margin-left:2px;font-size:10px}.upload-spinner{background:conic-gradient(var(--accent) var(--pct,0%), var(--bg-input) var(--pct,0%));border-radius:50%;flex-shrink:0;width:14px;height:14px}.uploaded-file__remove{cursor:pointer;opacity:.6;font-size:12px}.uploaded-file__remove:hover{opacity:1;color:var(--danger)}.cost-badge{color:var(--warning);white-space:nowrap;align-self:center;font-size:11px}.submit-btn{background:var(--accent);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;flex-shrink:0;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .2s}.submit-btn:hover{opacity:.85}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.prompt-counter{color:var(--text-secondary);white-space:nowrap;align-self:center;font-size:10px}.prompt-counter--over{color:var(--danger)}.mode-hint{color:var(--text-secondary);white-space:nowrap;font-size:11px}.mode-hint span{border-radius:3px;padding:1px 6px;font-weight:500}.mode-hint--text2video span{color:var(--text-secondary);background:var(--bg-input)}.mode-hint--multimodal span{color:var(--accent);background:#00cae01a}.login-page{justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:360px;padding:40px}.login-card__title{margin-bottom:4px;font-size:18px;font-weight:600}.login-card__subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.login-card__input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);text-align:center;border-radius:4px;outline:none;padding:10px 14px;font-size:14px}.login-card__input:focus{border-color:var(--accent)}.login-card__btn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:600}.login-card__btn:hover{opacity:.85}.login-card__error{color:var(--danger);margin-top:8px;font-size:12px}.loading,.empty-state{text-align:center;color:var(--text-secondary);padding:40px;font-size:13px}.spinner{border:2px solid var(--text-secondary);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--bg-card);border:1px solid var(--accent);color:var(--text-primary);z-index:500;border-radius:20px;padding:6px 18px;font-size:12px;animation:.25s ease-out toast-in;position:fixed;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bottom-bar__prompt-wrapper{flex:1;position:relative}.mention-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:200;max-height:200px;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0006}.mention-popup__empty{color:var(--text-secondary);text-align:center;padding:12px;font-size:12px}.mention-popup__item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.mention-popup__item:hover{background:var(--bg-input)}.mention-popup__icon{text-align:center;width:20px;font-size:14px}.mention-popup__name{color:var(--text-primary);flex:1}.mention-popup__type{color:var(--text-secondary);background:var(--bg-input);border-radius:3px;padding:1px 6px;font-size:10px}.preview-overlay{z-index:300;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.preview-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.preview-modal__title{color:var(--text-primary)}.preview-modal__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:20px}.preview-modal__close:hover{color:var(--text-primary)}.preview-modal__body{justify-content:center;align-items:center;min-width:300px;min-height:100px;padding:16px;display:flex}.preview-media{border-radius:4px;max-width:80vw;max-height:70vh}.preview-audio{min-width:300px}.body--drag-over:after{content:"释放文件以上传";border:2px dashed var(--accent);color:var(--accent);z-index:999;pointer-events:none;background:#00cae014;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;inset:0}.bottom-bar--drag-over{background:#00cae00a}