*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body{color:#000;background-color:#fff}.header-container{z-index:1000;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;padding:20px;font-size:.9rem;display:flex;position:sticky;top:0}.header-container .navlinks{align-items:center;gap:20px;font-size:1.02rem;display:flex}.header-container li{list-style:none}.header-container .navlinks a{color:#555;font-weight:500;text-decoration:none;transition:color .2s}.logo img{width:8em;height:auto}.logo .clip{color:#ff1f1f;font-weight:700}.navlinks .link1 a{color:#ff1f1f}.navlinks a:hover{border-bottom:2px solid #dc2626;padding-bottom:4px}.heading .aitext{color:#ff1f1f;letter-spacing:.1em;margin-bottom:10px;font-size:.9rem;font-weight:600}.heading{text-align:center;max-width:500px;margin-bottom:30px}.heading h1{letter-spacing:-.03em;margin-bottom:.2rem;font-size:3.5rem;font-weight:700}.heading h2{letter-spacing:-.03em;margin-bottom:.7rem;font-size:3.5rem;font-weight:700}.heading p{color:#777;margin-bottom:.7rem;font-size:1.2rem}.heading h2 .clip{color:#ff1f1f}.upload-container{flex-direction:column;justify-content:center;align-items:center;max-width:760px;margin:0 auto;padding:40px 20px;display:flex}.upload-area{border:2px dashed #cbd5e1;border-radius:28px;width:100%;max-width:500px;height:260px;padding:30px 20px;transition:border-color .25s,transform .2s,background-color .25s;box-shadow:0 18px 55px #0f172a14}.upload-area:hover{border-color:#ff1f1f;transform:translateY(-1px)}.upload-area-inner{flex-direction:column;align-items:center;gap:9px;display:flex}.drag-icon{color:#fff;text-shadow:0 0 .5px #1d4ed859;background-color:#ff1f1f;border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:8px;font-size:1.8em;font-weight:700;line-height:1;display:grid}.upload-area-inner .dragtxt{font-family:Poppins,sans-serif;font-size:1rem;font-weight:700}.upload-area-inner p:first-child{font-size:1.05rem;font-weight:600}.upload-area-inner p.Or{color:#777;margin:0;font-size:1rem}.upload-area input[type=file]{display:none}.uploadBtn{color:#fff;cursor:pointer;background:#ff1f1f;border:none;border-radius:40px;padding:12px 35px;font-size:20px;font-weight:700;transition:all .3s;box-shadow:0 8px 20px #ff1f1f33}.uploadBtn:hover{background:#dc2626}.uploadBtn:disabled,.uploadAllBtn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.upload-area-inner .note{color:#999;margin-top:25px;font-size:15px}.file-list{flex-direction:column;gap:16px;width:100%;max-width:620px;margin-top:30px;animation:.3s ease-out slideInUp;display:flex}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-list-header{background:linear-gradient(135deg,#ff1f1f1a,#dc26260d);border:1px solid #ff1f1f33;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.file-list-header h3{color:#333;margin:0;font-size:1rem;font-weight:600}.total-size{color:#fff;background:#ff1f1f;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600}.uploadAllBtn{color:#fff;cursor:pointer;background:#ff1f1f;border:1px solid #ff1f1f1f;border-radius:10px;padding:8px 20px;font-weight:600}.uploadAllBtn:hover{background:#f46666}.history-page{max-width:1100px;margin:32px auto 60px;padding:0 20px}.history-header{max-width:740px;margin-bottom:28px}.history-header .aitext{letter-spacing:.18em;color:#dc2626;text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:700}.history-header h1{color:#111;margin-bottom:12px;font-size:2.6rem;line-height:1.05}.history-header p{color:#555;max-width:620px;font-size:1rem;line-height:1.7}.history-empty{color:#333;text-align:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:20px;padding:40px}.history-empty h2{margin-bottom:10px;font-size:1.5rem}.history-empty p{color:#666;font-size:1rem}.history-list{gap:18px;display:grid}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;grid-template-columns:120px 1fr;align-items:center;gap:20px;padding:24px;transition:transform .2s,border-color .2s;display:grid;box-shadow:0 10px 30px #0f172a0d}.history-card:hover{border-color:#d1d5db;transform:translateY(-2px)}.history-card-preview-fallback{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);width:100%;height:100%}.history-card-details{flex-direction:column;gap:16px;display:flex}.history-card-topline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-card-topline h3{color:#111;margin:0;font-size:1.12rem;font-weight:700}.history-filename{color:#6b7280;margin-top:6px;font-size:.95rem}.history-result-meta{color:#4b5563;margin-top:4px;font-size:.9rem}.history-meta{color:#6b7280;align-items:center;gap:10px;font-size:.95rem;line-height:1.6;display:inline-flex}.history-meta-separator{background:#cbd5e1;border-radius:50%;width:4px;height:4px}.history-delete-button{color:#111;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:12px 20px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.history-delete-button:hover{background-color:#f8fafc;border-color:#cbd5e1}@media (width<=760px){.history-card{grid-template-columns:1fr}.history-card-topline{flex-direction:column;align-items:stretch}.history-delete-button{width:100%}}.upload-status{margin-top:6px}.upload-status .status{color:#9ca3af;margin-right:8px;font-size:.85rem}.progress-wrapper{align-items:center;gap:10px;margin-top:10px;display:flex}.progress-bar{background:#e5e7eb;border-radius:999px;flex:1;height:10px;position:relative;overflow:hidden}.progress-bar.success .progress-bar-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.progress-bar.error .progress-bar-fill{background:linear-gradient(90deg,#ef4444 0%,#f87171 100%)}.progress-bar-fill{background:linear-gradient(90deg,#ff1f1f 0%,#ff7474 100%);width:0%;height:100%;transition:width .2s}.progress-label{color:#374151;text-align:right;min-width:40px;font-size:.78rem;font-weight:700}.upload-result{background:#fffc;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:8px 10px;display:flex}.upload-result.success{color:#10b981;background:#10b9811a;border-color:#10b98133}.upload-result.error{color:#ef4444;background:#ef44441a;border-color:#ef444433}.result-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:.95rem;display:inline-flex}.upload-status .status.uploaded{color:#04a76b;font-weight:700}.upload-status .status.error{color:red;font-weight:700}.upload-status .status.uploading{color:#fbbf24;font-weight:700}.file-items-container{flex-direction:column;gap:10px;display:flex}.file-item{color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex}.file-item.error{background:linear-gradient(135deg,#ff000026,#ef44440d);border-color:red}.file-item.error:hover{border-color:#dc2626;box-shadow:0 8px 24px #ef444433}.file-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:50px;font-size:1.8rem;display:flex}.file-item-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;color:#000;font-size:.95rem;font-weight:600;overflow:hidden}.file-size{color:#333;align-items:center;gap:8px;font-size:.85rem;display:flex}.file-size.error{color:#f87171}.error-badge{color:#f87171;background-color:#f003;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:600}.file-size-value{color:#333}.remove-file-btn{color:#f87171;cursor:pointer;background-color:#f871711a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;font-weight:700;transition:all .2s;display:flex}.remove-file-btn:hover{color:#fff;background-color:#f87171}.no-files{text-align:center;color:#999;margin:0;padding:20px;font-size:1rem}@media (width<=640px){.container{padding:24px 16px}.upload-area{padding:32px 20px}.upload-area input[type=video]{max-width:100%}}.history-page{box-sizing:border-box;width:min(760px,100%);margin:0 auto;padding:40px 20px 60px}.history-header{text-align:center;margin-bottom:24px}.history-header h1{margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.2rem);line-height:1.2}.history-header p{color:#6b7280;max-width:560px;margin:0 auto;line-height:1.6}.history-empty{text-align:center;color:#6b7280;background:#fff;border:1px dashed #d1d5db;border-radius:20px;padding:32px 20px}.history-empty h2{color:#111827;margin-bottom:8px}.history-list{flex-direction:column;gap:12px;width:100%;display:flex}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 8px 24px #0f172a0a}.history-card:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 12px 28px #0f172a14}.history-card-thumb{background:#f8fafc;border-radius:16px;flex-shrink:0;width:100px;height:auto;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e7eb}.history-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.history-card-thumb-fallback{background:linear-gradient(#f9fafb 0%,#e5e7eb 100%)}.history-card-body{flex-direction:column;flex:1;justify-items:center;min-width:0;margin-top:5px;display:flex}.history-card-main{flex-flow:row;justify-content:center;align-items:flex-start;gap:8px;display:flex}.history-card-title-group{flex:1;min-width:0;display:flex}.history-card-title-group h3{color:#111;font-family:sans-serif;font-size:1.1rem;font-weight:700}.history-meta-pill strong{color:#333}.history-delete-button{color:red;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:1.2rem;display:inline-flex}.history-delete-button:hover{color:#ef4444;background:#f3f4f6}.history-meta-row{flex-flow:column wrap;gap:10px;display:flex}.history-meta-pill{color:#6b7280;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.9rem;line-height:1.5;display:inline-flex}@media (width<=640px){.history-page{padding:24px 16px 48px}.history-header{margin-bottom:20px}.history-card{flex-direction:row;align-items:flex-start;padding:14px}.history-card-main{flex-direction:row;justify-content:space-between;align-items:flex-start}.history-delete-button{align-self:flex-start;width:34px;height:34px}.history-meta-row{flex-direction:column;gap:4px}}.upload-result-container{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;margin-top:25px;padding:24px;animation:.4s resultAppear;box-shadow:0 12px 35px #0f172a12}@keyframes resultAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.result-header-icon{background:#ff1f1f14;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.result-header h3{color:#111;margin:0;font-family:sans-serif;font-size:1.05rem;font-weight:700}.result-header p{color:#888;margin:3px 0 0;font-family:sans-serif;font-size:.82rem}.movie-results-list{flex-direction:column;gap:12px;display:flex}.movie-result{background:#fafafa;border:1px solid #eee;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.movie-result:hover{border-color:#ff1f1f33;transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.movie-result-icon{background:#f8fafc;border-radius:10px;flex-shrink:0;width:100px;height:150px;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e7eb}.movie-result-icon img{object-fit:cover;width:100%;height:100%;display:block}.movie-result-info{min-width:0;margin-top:5px;line-height:1.5}.movie-result-info h3{color:#111;margin:0 0 8px;font-family:sans-serif;font-size:1.1rem;font-weight:700}.movie-result-info p{color:#666;margin:4px 0;font-family:sans-serif;font-size:.85rem}.movie-result-info strong{color:#333}@media (width<=640px){.upload-result-container{border-radius:15px;margin-top:20px;padding:18px}.result-header{margin-bottom:16px}.result-header-icon{width:38px;height:38px}.movie-result{gap:11px;padding:14px}.movie-result-icon{border-radius:12px;width:100px;height:auto}.movie-result-info h3{font-size:1rem}.movie-result-info p{font-size:.8rem}}