:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,sans-serif}body{margin:0;background:#0f1115;color:#e8e8ea}.app{max-width:720px;margin:0 auto;padding:24px 16px 64px}.app-header{text-align:center;margin-bottom:24px}.app-header h1{margin:0;font-size:1.8rem}.subtitle{margin:4px 0 0;color:#9a9aa5}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;background:#181b21;color:#9a9aa5;border:1px solid #2a2e37;border-radius:8px;padding:10px;font-weight:600}.tab:hover:not(:disabled){background:#202430}.tab.active{background:#16202f;color:#e8e8ea;border-color:#3b82f6}.card{background:#181b21;border:1px solid #2a2e37;border-radius:12px;padding:16px 18px;margin-bottom:16px}label{display:block;font-weight:600;margin-bottom:8px}.status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-dot{width:10px;height:10px;border-radius:50%;background:#6b7280;flex-shrink:0}.status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e}.status-dot.offline{background:#ef4444}button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.95rem;cursor:pointer}button:hover:not(:disabled){background:#2563eb}button:disabled{background:#4b5563;cursor:not-allowed;opacity:.7}.hint{margin:8px 0 0;color:#9a9aa5;font-size:.9rem}.tip-box{background:#11161d;border:1px solid #263041;border-radius:8px;padding:10px 12px;font-size:.88rem;color:#c7cdd6;margin-bottom:10px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{background:#232a35;color:#dbe2ea;padding:4px 10px;border-radius:999px;font-size:.8rem}.chip:hover{background:#2d3644}textarea{width:100%;box-sizing:border-box;background:#0f1115;color:#e8e8ea;border:1px solid #2a2e37;border-radius:8px;padding:10px 12px;font-size:.95rem;resize:vertical}.error-text{color:#f87171;margin:8px 0 0;font-size:.9rem}.resolution-row{display:flex;gap:10px;flex-wrap:wrap}.resolution-option{display:flex;align-items:center;gap:6px;background:#11161d;border:1px solid #2a2e37;border-radius:8px;padding:8px 12px;font-weight:400;cursor:pointer;margin-bottom:0}.resolution-option.selected{border-color:#3b82f6;background:#16202f}.frames-row{display:flex;align-items:center;gap:10px;margin-top:12px}.frames-row label{margin-bottom:0}select{background:#11161d;color:#e8e8ea;border:1px solid #2a2e37;border-radius:8px;padding:8px 10px;font-size:.95rem}.generate-btn{width:100%;padding:12px;font-size:1.05rem;font-weight:600}.job-status{margin-top:14px;padding-top:14px;border-top:1px solid #2a2e37}.job-id{color:#9a9aa5;font-size:.85rem;margin:0 0 6px}.files ul{margin:6px 0 0;padding-left:20px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input{width:auto}.text-input{width:100%;box-sizing:border-box;background:#0f1115;color:#e8e8ea;border:1px solid #2a2e37;border-radius:8px;padding:8px 10px;font-size:.95rem;margin-bottom:10px}input[type=file]{display:block;margin-bottom:10px;color:#c7cdd6}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.avatar-card{background:#11161d;border:1px solid #2a2e37;border-radius:8px;padding:10px;text-align:center}.avatar-thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px;background:#0f1115}.avatar-name{margin:8px 0;font-size:.9rem;word-break:break-word}.avatar-delete{background:#7f1d1d;width:100%;padding:6px;font-size:.85rem}.avatar-delete:hover:not(:disabled){background:#991b1b}.quality-controls{margin-top:14px;display:flex;flex-direction:column;gap:10px}.slider-row{display:flex;flex-direction:column;gap:4px}.slider-row label{margin-bottom:0;font-weight:400;font-size:.9rem;color:#c7cdd6}.slider-row input[type=range]{width:100%}.results{display:flex;flex-direction:column;gap:14px;margin-top:14px}.result-item{background:#11161d;border:1px solid #2a2e37;border-radius:8px;padding:10px}.result-video{width:100%;border-radius:6px;background:#000;display:block}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.result-filename{font-size:.8rem;color:#9a9aa5;word-break:break-all}.download-btn{background:#3b82f6;color:#fff;border-radius:8px;padding:6px 14px;font-size:.85rem;text-decoration:none;white-space:nowrap}.download-btn:hover{background:#2563eb}.history-list{display:flex;flex-direction:column;gap:16px;margin-top:10px}.history-item{border-top:1px solid #2a2e37;padding-top:12px}.history-item:first-child{border-top:none;padding-top:0}.history-prompt{margin:0 0 2px;font-size:.9rem}.history-time{margin:0 0 8px;font-size:.78rem;color:#9a9aa5}.queue-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.queue-header label{margin-bottom:0}.clear-queue-btn{background:#4b5563;font-size:.8rem;padding:6px 10px}.clear-queue-btn:hover{background:#5b6472}.queue-list{display:flex;flex-direction:column;gap:8px}.queue-item{background:#11161d;border:1px solid #2a2e37;border-left:3px solid #4b5563;border-radius:8px;padding:10px 12px}.queue-item.status-running{border-left-color:#3b82f6}.queue-item.status-completed{border-left-color:#22c55e}.queue-item.status-error{border-left-color:#ef4444}.queue-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.queue-index{color:#9a9aa5;font-size:.8rem}.queue-prompt{flex:1;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.75rem;padding:2px 8px;border-radius:999px;white-space:nowrap}.badge-waiting{background:#374151;color:#d1d5db}.badge-running{background:#1e3a8a;color:#bfdbfe}.badge-completed{background:#14532d;color:#bbf7d0}.badge-error{background:#7f1d1d;color:#fecaca}.queue-item-footer{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem}.queue-time{color:#9a9aa5}.queue-preview-link{color:#60a5fa;text-decoration:none}.queue-preview-link:hover{text-decoration:underline}.cancel-btn{background:#4b5563;font-size:.78rem;padding:4px 10px}.cancel-btn:hover{background:#5b6472}.avatar-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.avatar-group-card{background:#11161d;border:1px solid #2a2e37;border-radius:8px;padding:10px;text-align:center}.avatar-group-name{margin:0 0 2px;font-weight:600;font-size:.95rem;word-break:break-word}.avatar-group-count{margin:0 0 8px;font-size:.8rem;color:#9a9aa5}.avatar-group-thumbs{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.avatar-thumb-small{width:48px;height:48px;object-fit:cover;border-radius:6px;background:#0f1115}