.light-rays-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}:root{--blue: #4da6ff;--blue-focus: #66b5ff;--blue-on-dark: #4da6ff;--ink: #ffffff;--ink-muted: rgba(255, 255, 255, .55);--body-on-dark: #ffffff;--body-muted: rgba(255, 255, 255, .45);--canvas: rgba(255, 255, 255, .08);--parchment: rgba(255, 255, 255, .04);--surface-pearl: rgba(255, 255, 255, .12);--surface-black: rgba(0, 0, 0, .5);--hairline: rgba(255, 255, 255, .1);--divider-soft: rgba(255, 255, 255, .06);--glass-bg: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .12);--glass-hover: rgba(255, 255, 255, .1);--radius-sm: 8px;--radius-md: 11px;--radius-lg: 18px;--radius-pill: 9999px;--space-xs: 8px;--space-sm: 12px;--space-md: 17px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--font-display: "Inter", "SF Pro Display", system-ui, -apple-system, sans-serif;--font-text: "Inter", "SF Pro Text", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-text);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px;color:var(--ink);background:#0a0a0f;overflow-x:hidden}.app{position:relative;min-height:100vh}.light-rays-container{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:0}.app-content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.main{flex:1;max-width:980px;width:100%;margin:0 auto;padding:0 var(--space-lg)}.app-header{background:#00000073;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.08);height:48px;display:flex;align-items:center;position:sticky;top:0;z-index:100}.header-inner{max-width:980px;width:100%;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:baseline;gap:var(--space-sm)}.header-title{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.28px;color:var(--body-on-dark);line-height:1}.header-subtitle{font-family:var(--font-text);font-size:11px;font-weight:400;letter-spacing:-.08px;color:var(--body-muted);line-height:1}.header-right{display:flex;align-items:center}.header-badge{font-family:var(--font-text);font-size:11px;font-weight:400;letter-spacing:-.08px;color:var(--ink-muted);line-height:1}.header-refresh-btn{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-pill);border:none;background:#ffffff1a;color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:var(--space-sm);transition:background .15s ease,color .15s ease}.header-refresh-btn:hover{background:#ffffff2e;color:var(--ink)}.header-refresh-btn.spinning svg{animation:spin .7s linear}.section-upload{padding-top:var(--space-xxl);padding-bottom:var(--space-xl)}.upload-zone{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xxl) var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;outline:none}.upload-zone:hover{border-color:var(--blue);background:#4da6ff14}.upload-zone:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.upload-zone--active{border-color:var(--blue);background:#4da6ff1a}.upload-input-hidden{display:none}.upload-icon{color:var(--ink);opacity:.5;margin-bottom:var(--space-xs)}.upload-title{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.231px;color:var(--ink)}.upload-hint{font-family:var(--font-text);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px;color:var(--ink-muted)}.upload-btn{margin-top:var(--space-xs);font-family:var(--font-text);font-size:17px;font-weight:400;line-height:1;letter-spacing:-.374px;color:var(--blue);background:transparent;border:1px solid var(--blue);border-radius:var(--radius-pill);padding:11px 22px;cursor:pointer;transition:transform .1s ease,background-color .15s ease}.upload-btn:hover{background:var(--blue);color:#fff}.upload-btn:active{transform:scale(.95)}.section-tasks{padding-bottom:var(--space-xxl)}.task-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.task-list-title{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.231px;color:var(--ink);display:flex;align-items:center;gap:var(--space-xs)}.task-count{font-family:var(--font-text);font-size:14px;font-weight:600;letter-spacing:-.224px;color:var(--ink-muted);background:#ffffff1a;border-radius:var(--radius-pill);padding:2px 10px;line-height:1.43}.btn-clear{font-family:var(--font-text);font-size:14px;font-weight:400;letter-spacing:-.224px;color:var(--blue);background:none;border:none;cursor:pointer}.btn-clear:hover{text-decoration:underline}.task-list-items{display:flex;flex-direction:column;gap:var(--space-sm)}.task-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:border-color .2s ease,background-color .2s ease}.task-card:hover{border-color:#fff3;background:var(--glass-hover)}.task-card--error{border-left:3px solid #ff453a}.task-card--done{border-left:3px solid #30d158}.task-card--queued{opacity:.55}.task-thumb{flex-shrink:0;width:48px;height:48px;background:#ffffff0f;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.task-thumb--processing{background:#4da6ff1a}.task-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.task-name-row{display:flex;align-items:center;gap:var(--space-xs)}.task-name{font-family:var(--font-text);font-size:17px;font-weight:400;line-height:1.24;letter-spacing:-.374px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.task-meta{font-family:var(--font-text);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px;color:var(--ink-muted);display:flex;align-items:center;gap:4px}.meta-sep{color:#fff3}.task-progress-track{margin-top:4px;height:3px;background:#ffffff14;border-radius:9999px;overflow:hidden}.task-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.task-progress-fill.progress-upload{background:var(--blue)}.task-progress-fill.progress-generate{background:linear-gradient(90deg,#4da6ff,#80c4ff,#4da6ff);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.task-error{font-family:var(--font-text);font-size:12px;line-height:1.3;letter-spacing:-.12px;color:#ff453a;margin-top:2px}.task-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-xs)}.btn-download{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-text);font-size:14px;font-weight:400;letter-spacing:-.224px;color:#000;background:var(--blue);border:none;border-radius:var(--radius-pill);padding:8px 18px;cursor:pointer;text-decoration:none;transition:transform .1s ease;line-height:1.29}.btn-download:hover{background:var(--blue-focus)}.btn-download:active{transform:scale(.95)}.btn-download:disabled{opacity:.5;cursor:not-allowed}.btn-retry{font-family:var(--font-text);font-size:14px;font-weight:400;letter-spacing:-.224px;color:var(--blue);background:transparent;border:1px solid var(--blue);border-radius:var(--radius-pill);padding:8px 18px;cursor:pointer;transition:transform .1s ease,background-color .15s ease;line-height:1.29}.btn-retry:hover{background:var(--blue);color:#000}.btn-retry:active{transform:scale(.95)}.btn-remove{font-family:var(--font-text);font-size:14px;font-weight:400;letter-spacing:-.224px;color:var(--ink-muted);background:none;border:none;cursor:pointer;padding:8px 12px;line-height:1.29}.btn-remove:hover{color:#ff453a}.btn-preview{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-text);font-size:14px;font-weight:400;letter-spacing:-.224px;color:var(--blue);background:transparent;border:1px solid var(--blue);border-radius:var(--radius-pill);padding:8px 18px;cursor:pointer;transition:transform .1s ease,background-color .15s ease;line-height:1.29}.btn-preview:hover{background:var(--blue);color:#000}.btn-preview:active{transform:scale(.95)}.status-badge{display:inline-flex;align-items:center;font-family:var(--font-text);font-size:11px;font-weight:600;line-height:1;letter-spacing:-.08px;padding:4px 10px;border-radius:var(--radius-pill);flex-shrink:0}.badge-queued{color:var(--ink-muted);background:#ffffff14}.badge-uploading,.badge-processing{color:var(--blue);background:#4da6ff26}.badge-completed{color:#30d158;background:#30d1581f}.badge-failed{color:#ff453a;background:#ff453a1f}.task-list-empty{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.empty-icon{color:var(--ink-muted);margin-bottom:var(--space-md);opacity:.5}.empty-title{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.231px;color:var(--ink);margin-bottom:var(--space-xs)}.empty-hint{font-family:var(--font-text);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px;color:var(--ink-muted)}.app-footer{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);padding:var(--space-lg);text-align:center}.app-footer span{font-family:var(--font-text);font-size:12px;font-weight:400;line-height:1;letter-spacing:-.12px;color:var(--ink-muted)}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);display:flex;align-items:center;justify-content:center;padding:var(--space-xxl);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-container{background:#1c1c1ee6;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000080}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-lg);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.preview-title{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.224px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:var(--space-sm)}.preview-close{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-pill);border:none;background:#ffffff1a;color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.preview-close:hover{background:#fff3;color:var(--ink)}.preview-video-wrap{padding:var(--space-lg);display:flex;align-items:center;justify-content:center;background:#000;min-width:0;min-height:0;flex:1;overflow:hidden}.preview-video{max-width:100%;max-height:65vh;width:auto;height:auto;display:block;border-radius:4px;outline:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-border{0%,to{border-color:var(--glass-border)}50%{border-color:#4da6ff4d}}.spinner{animation:spin 1s linear infinite}.task-card--active{animation:pulse-border 2s ease-in-out infinite}.task-sub-status{font-family:var(--font-text);font-size:13px;font-weight:400;color:var(--blue);letter-spacing:-.12px}.task-elapsed{font-variant-numeric:tabular-nums}.upload-status-line{text-align:center;margin-top:var(--space-sm);font-family:var(--font-text);font-size:14px;font-weight:400;letter-spacing:-.224px;color:var(--blue)}.upload-warning-line{text-align:center;margin-top:var(--space-xs);font-family:var(--font-text);font-size:13px;font-weight:500;letter-spacing:-.12px;color:#ff9500}@media(max-width:734px){.main{padding:0 var(--space-sm)}.section-upload{padding-top:var(--space-xl)}.upload-zone{padding:var(--space-xl) var(--space-md)}.upload-title{font-size:17px}.task-card{flex-wrap:wrap;padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.task-thumb{width:40px;height:40px}.task-actions{width:100%;justify-content:flex-end;padding-top:var(--space-xs)}}@media(max-width:419px){.upload-title{font-size:15px}.header-subtitle{display:none}}