@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Source Sans 3",Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f9fc;color:#0a2540}#root{min-height:100vh}.app-layout{min-height:100vh;background:#f6f9fc;font-family:"Source Sans 3",Inter,system-ui,-apple-system,sans-serif}.app-header{position:sticky;top:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5edf5}.header-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:400;color:#0a2540;letter-spacing:-.3px}.logout-btn{padding:6px 16px;border:1px solid #e5edf5;border-radius:6px;background:#fff;color:#64748d;font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit}.logout-btn:hover{border-color:#c4cdd5;color:#0a2540}.app-main{max-width:1200px;margin:0 auto;padding:32px}.watermark-page{font-family:"Source Sans 3",Inter,system-ui,-apple-system,sans-serif}.page-hero{margin-bottom:28px;transition:all .3s}.page-hero.compact{margin-bottom:16px}.page-hero h2{font-size:32px;font-weight:300;color:#0a2540;margin:0 0 8px;letter-spacing:-.6px}.page-hero.compact h2{font-size:22px;margin:0}.page-hero p{font-size:17px;color:#64748d;margin:0;font-weight:400}.mode-tabs{display:flex;gap:8px;margin-bottom:24px}.mode-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #e5edf5;border-radius:8px;background:#fff;color:#64748d;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.mode-tab:hover{border-color:#c4cdd5;color:#0a2540}.mode-tab.active{background:#635bff14;border-color:#635bff;color:#635bff}.mode-tab svg{flex-shrink:0}.section-block{margin-bottom:32px}.section-block+.section-block{border-top:1px solid #e5edf5;padding-top:28px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-header h3{font-size:18px;font-weight:500;color:#0a2540;margin:0}.section-badge{font-size:12px;color:#94a3b8;background:#f8fafc;padding:3px 10px;border-radius:12px;border:1px solid #e5edf5}.upload-zone{border:2px dashed #d6d9fc;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;background:#fff;margin-bottom:20px;transition:all .25s}.upload-zone:hover,.upload-zone.drag-over{border-color:#635bff;background:#635bff08;box-shadow:0 0 0 4px #635bff0f}.upload-zone.has-files{padding:24px}.upload-icon{margin-bottom:16px;opacity:.7}.upload-text{display:flex;flex-direction:column;gap:4px}.upload-text strong{font-size:17px;font-weight:500;color:#0a2540}.upload-text span{font-size:14px;color:#94a3b8}.upload-more{color:#64748d;font-size:15px}.error-bar{background:#ea226114;color:#cf1a4e;padding:12px 20px;border-radius:8px;margin-bottom:16px;font-size:14px;border:1px solid rgba(234,34,97,.2)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:20px}.file-card{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e5edf5;background:#f8fafc}.file-card img{width:100%;height:100%;object-fit:cover}.file-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#00000080;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.file-remove:hover{background:#ea2261cc}.action-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-radius:10px;border:1px solid #e5edf5;box-shadow:#1717170f 0 3px 8px;margin-bottom:24px;color:#64748d;font-size:14px}.btn-primary-lg{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#635bff;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;min-width:140px;justify-content:center}.btn-primary-lg:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:#32325d40 0 4px 12px -2px,#0000001a 0 3px 7px -3px}.btn-primary-lg:disabled{opacity:.8;cursor:not-allowed;transform:none}.btn-loading{display:inline-flex;align-items:center;gap:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#635bff;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-outline-sm{padding:7px 16px;border:1px solid #e5edf5;border-radius:6px;background:#fff;color:#64748d;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.btn-outline-sm:hover{border-color:#c4cdd5;color:#0a2540}.progress-bar-wrap{height:4px;background:#e5edf5;border-radius:2px;margin-bottom:24px;overflow:hidden}.progress-bar{height:100%;background:#635bff;border-radius:2px;transition:width .3s}.video-file-info{display:flex;align-items:center;gap:14px;background:#f8fafc;border-radius:10px;padding:16px 20px;text-align:left}.video-file-info>div{display:flex;flex-direction:column;gap:2px;flex:1}.video-file-info strong{font-size:15px;color:#0a2540;font-weight:500}.video-file-info span{font-size:13px;color:#94a3b8}.file-remove-inline{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #e5edf5;background:#fff;cursor:pointer;color:#94a3b8;flex-shrink:0}.file-remove-inline:hover{border-color:#ea2261;color:#ea2261}.video-preview{margin-bottom:20px}.video-progress-card{background:#fff;border:1px solid #e5edf5;border-radius:10px;padding:24px;margin-bottom:20px}.video-progress-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.video-progress-header .spinner{width:18px;height:18px;border-color:#635bff33;border-top-color:#635bff}.status-text{font-size:16px;font-weight:500;color:#0a2540}.status-uploading{color:#f59e0b}.status-processing{color:#635bff}.video-meta{font-size:13px;color:#94a3b8;margin-bottom:16px}.video-result-card{background:#fff;border:1px solid #e5edf5;border-radius:12px;padding:40px 32px;text-align:center;margin-bottom:20px;animation:fadeUp .3s ease}.video-result-card.completed{border-color:#10b9814d}.video-result-card.failed{border-color:#ea22614d}.result-icon{margin-bottom:12px}.result-title{font-size:20px;font-weight:500;color:#0a2540;margin:0 0 8px}.result-meta{font-size:14px;color:#64748d;margin:0 0 20px}.result-actions{display:flex;justify-content:center;gap:12px}.video-result-card.failed .result-title{color:#cf1a4e}.video-result-card.completed .result-title{color:#059669}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.results-area{animation:fadeUp .3s ease}.results-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-radius:10px;border:1px solid #e5edf5;margin-bottom:16px;position:sticky;top:68px;z-index:10;box-shadow:#32325d1a 0 4px 12px -4px;flex-wrap:wrap;gap:12px}.toolbar-actions{display:flex;align-items:center;gap:10px}.badge-success{background:#10b9811f;color:#059669;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600}.results-grid-v3{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.result-thumb{position:relative;border-radius:8px;overflow:hidden;background:#f8fafc;border:1px solid #e5edf5;aspect-ratio:1;cursor:default}.result-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.result-thumb:hover img{transform:scale(1.05)}.thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .2s}.result-thumb:hover .thumb-overlay{background:#00000059}.thumb-dl{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#10b981;color:#fff;text-decoration:none;opacity:0;transform:scale(.8);transition:all .2s}.result-thumb:hover .thumb-dl{opacity:1;transform:scale(1)}.thumb-dl:hover{background:#059669;transform:scale(1.1)}@media(max-width:640px){.results-grid-v3{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.results-toolbar{top:52px}.page-hero h2{font-size:26px}.mode-tabs{flex-wrap:wrap}.mode-tab{padding:8px 14px;font-size:14px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6f9fc,#eef2f6);font-family:"Source Sans 3",Inter,system-ui,-apple-system,sans-serif}.login-card{width:420px;background:#fff;border-radius:12px;padding:48px 40px;box-shadow:#32325d40 0 13px 27px -5px,#0000001a 0 8px 16px -8px}.login-header{text-align:center;margin-bottom:32px}.login-icon{margin-bottom:16px;display:inline-block}.login-header h1{font-size:28px;font-weight:300;color:#0a2540;margin:0 0 8px;letter-spacing:-.5px}.login-header p{font-size:15px;font-weight:400;color:#64748d;margin:0}.login-error{background:#ea226114;color:#cf1a4e;font-size:14px;padding:10px 16px;border-radius:6px;margin-bottom:20px;border:1px solid rgba(234,34,97,.2)}.login-form{display:flex;flex-direction:column;gap:6px}.login-form label{font-size:13px;font-weight:500;color:#273951;margin-top:8px}.login-form input{height:44px;border:1px solid #e5edf5;border-radius:6px;padding:0 14px;font-size:15px;color:#0a2540;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit}.login-form input:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff1f}.login-form input::placeholder{color:#94a3b8}.btn-primary{height:46px;margin-top:10px;background:#635bff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;font-family:inherit;letter-spacing:.3px}.btn-primary:hover{background:#4f46e5}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}