@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#18181b;background:#fafafa;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e4e4e7;flex-direction:column;width:220px;padding:1.5rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:.6rem;margin-bottom:2rem;padding:0 .5rem;display:flex}.logo-mark{color:#000;background:linear-gradient(135deg,#ffc800,#ff9c00);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.logo-text{color:#18181b;letter-spacing:-.02em;font-size:15px;font-weight:600}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#71717a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#52525b;background:#f4f4f5}.nav-item.active{color:#18181b;background:#f4f4f5}.sidebar-footer{margin-top:auto;padding:0 .5rem}.sidebar-version{color:#71717a;font-size:11px}.content{flex:1;margin-left:220px;padding:2.5rem 3rem}.content-header{margin-bottom:2rem}.content-header h1{color:#18181b;letter-spacing:-.03em;margin-bottom:.3rem;font-size:1.5rem;font-weight:600}.content-subtitle{color:#52525b;font-size:.85rem;font-weight:400}.prompt-form{max-width:640px}.form-group{margin-bottom:1.5rem}.form-group label{color:#71717a;letter-spacing:.02em;margin-bottom:.5rem;font-size:12px;font-weight:500;display:block}.form-group select,.form-group textarea,.form-group input[type=text],.form-group input:not([type]){color:#18181b;resize:vertical;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:14px;transition:border-color .15s}.form-group textarea{min-height:120px;line-height:1.6}.form-group textarea:focus,.form-group select:focus,.form-group input:focus{border-color:#a1a1aa;outline:none}.form-group textarea::placeholder,.form-group input::placeholder{color:#a1a1aa}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.frame-upload{flex-direction:column;gap:.5rem;display:flex}.frame-or{text-align:center;color:#a1a1aa;font-size:12px}.upload-btn{color:#52525b;cursor:pointer;background:#fafafa;border:2px dashed #d4d4d8;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:2rem;font-size:13px;font-weight:500;transition:all .15s;display:flex}.upload-btn:hover{color:#71717a;border-color:#a1a1aa}.frame-preview{display:inline-block;position:relative}.frame-preview img{object-fit:cover;border:1px solid #27272a;border-radius:10px;width:200px;height:130px}.remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex;position:absolute;top:-8px;right:-8px}.model-checkboxes{flex-wrap:nowrap;gap:.5rem;display:flex;overflow-x:auto}.checkbox-label{color:#71717a;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e4e4e7;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:13px;font-weight:500;transition:all .15s;display:flex}.checkbox-label:has(input:checked){color:#d97706;background:#ff9c0014;border-color:#ff9c0059}.checkbox-label input{display:none}.submit-btn{color:#000;cursor:pointer;background:#f59e0b;border:none;border-radius:10px;padding:.7rem 2rem;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.submit-btn:hover{background:#d97706}.submit-btn:disabled{opacity:.3;cursor:not-allowed}.status{color:#52525b;margin-top:1rem;font-size:13px}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.filters input,.filters select{color:#71717a;background:#fff;border:1px solid #e4e4e7;border-radius:8px;min-width:130px;padding:.5rem .75rem;font-family:inherit;font-size:13px}.filters input:focus,.filters select:focus{border-color:#a1a1aa;outline:none}.filters button{color:#71717a;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:13px}.filters button:hover{border-color:#a1a1aa}.empty{color:#a1a1aa;text-align:center;padding:4rem;font-size:14px}.table-wrapper{background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow-x:auto}.video-table{border-collapse:collapse;width:100%;font-size:13px}.video-table thead{background:#f9fafb;position:sticky;top:0}.video-table th{text-align:left;color:#71717a;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e4e4e7;padding:.6rem .75rem;font-size:11px;font-weight:600}.video-table td{color:#52525b;vertical-align:middle;border-bottom:1px solid #f4f4f5;padding:.6rem .75rem}.video-table tbody tr:hover{background:#fafafa}.cell-num{color:#a1a1aa;width:40px}.cell-frame{width:100px}.table-thumb{object-fit:cover;border-radius:6px;width:90px;height:60px;display:block}.table-thumb-empty{background:#f4f4f5;border-radius:6px;width:90px;height:60px}.cell-prompt{max-width:280px;font-size:12px;line-height:1.5}.cell-video{width:140px}.table-video{border-radius:6px;width:130px;display:block}.cell-model{color:#d97706;white-space:nowrap;font-weight:500}.cell-processes{white-space:nowrap}.text-failed{color:#ef4444;font-size:12px;font-weight:500}.text-generating{color:#eab308;font-size:12px;font-weight:500}.poll-btn{color:#71717a;cursor:pointer;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:6px;padding:.25rem .6rem;font-family:inherit;font-size:11px}.poll-btn:hover{border-color:#a1a1aa}.status-badge{white-space:nowrap;border-radius:6px;padding:.15rem .5rem;font-size:11px;font-weight:500}.status-badge.completed{color:#22c55e;background:#22c55e1a}.status-badge.generating{color:#eab308;background:#eab3081a}.status-badge.failed{color:#ef4444;background:#ef44441a}.review-btn{color:#71717a;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e4e4e7;border-radius:6px;padding:.25rem .6rem;font-family:inherit;font-size:11px;transition:all .15s}.review-btn:hover{border-color:#a1a1aa}.delete-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fecaca;border-radius:6px;margin-left:.25rem;padding:.25rem .6rem;font-family:inherit;font-size:11px;transition:all .15s}.delete-btn:hover{background:#fef2f2;border-color:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e4e4e7;border-radius:16px;width:90%;max-width:700px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.modal h3{color:#18181b;margin-bottom:.3rem;font-size:16px;font-weight:600}.modal-prompt{color:#52525b;margin-bottom:1rem;font-size:13px}.modal-video{border-radius:10px;width:100%;margin-bottom:1rem}.close-modal{color:#52525b;cursor:pointer;background:0 0;border:none;font-size:1.3rem;position:absolute;top:1rem;right:1rem}.review-form{flex-direction:column;gap:.6rem;display:flex}.review-form input,.review-form textarea{color:#18181b;background:#fafafa;border:1px solid #27272a;border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:13px}.review-form textarea{resize:vertical;min-height:80px}.rating{gap:.25rem;display:flex}.star{color:#d4d4d8;cursor:pointer;background:0 0;border:none;font-size:1.4rem;transition:color .1s}.star.active{color:#f59e0b}.submit-review{color:#000;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;align-self:flex-start;padding:.55rem 1.2rem;font-family:inherit;font-size:13px;font-weight:600}.submit-review:disabled{opacity:.3}@media (width<=768px){.sidebar{display:none}.content{margin-left:0;padding:1.5rem}}