:root{--bg-base: #fafafa;--bg-surface: #ffffff;--bg-subtle: #f4f4f5;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--brand: #2563eb;--brand-hover: #1d4ed8;--brand-light: #eff6ff;--border: #e4e4e7;--border-hover: #d4d4d8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;background-color:var(--bg-base);background-image:radial-gradient(#e5e7eb 1px,transparent 1px);background-size:24px 24px;color:var(--text-primary);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1024px;margin:0 auto;padding:0 1.5rem}.hidden{display:none!important}.header{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);overflow-x:hidden}.header-inner{height:4rem;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem;color:var(--text-primary);letter-spacing:-.025em;text-decoration:none}.brand-logo{height:48px;width:auto}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.lang-toggle{background:transparent;border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s}.lang-toggle:hover{background:var(--bg-subtle);color:var(--text-primary)}.credit-pill{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--bg-subtle);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-secondary);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.credit-pill:hover{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}.credit-pill:hover .credit-count{color:var(--brand)}.credit-pill .credit-arrow{font-size:.65rem;transition:transform .2s}.credit-pill:hover .credit-arrow{transform:translateY(1px)}.credit-count{color:var(--text-primary);font-weight:600}.btn.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--text-primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--brand);transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb33;border-color:var(--brand)}.btn-secondary{background:#fff;border-color:var(--border);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-hover);color:var(--text-primary)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-block{width:100%}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.hero{padding:2rem 0 1rem;text-align:center}.hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-.05em;line-height:1.2;margin-bottom:1rem;background:linear-gradient(to right,var(--text-primary),#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.badge-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--brand-light);color:var(--brand);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.main-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden;margin-bottom:2rem;transition:transform .3s ease}.drop-zone{position:relative;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-surface)}.login-overlay{position:absolute;inset:0;background:#fffffff7;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:inherit;z-index:10}.login-overlay.hidden{display:none}.drop-zone:hover,.drop-zone.dragover{background:var(--bg-subtle)}.drop-zone.dragover{border-color:var(--brand)}.drop-icon{width:64px;height:64px;background:var(--brand-light);color:var(--brand);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem;transition:transform .2s}.drop-zone:hover .drop-icon{transform:scale(1.1)}.drop-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.drop-hint{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.drop-specs{display:inline-block;font-size:.75rem;color:var(--text-tertiary);padding:.25rem .75rem;background:var(--bg-base);border-radius:var(--radius-md)}.file-area{border-top:1px solid var(--border);background:var(--bg-subtle);display:none}.file-area.active{display:block}.file-list-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.file-list-title{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.file-items{max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;padding:.75rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border);transition:background .2s}.file-item:last-child{border-bottom:none}.file-preview{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-base);margin-right:1rem;flex-shrink:0}.file-info{flex:1;min-width:0;margin-right:1rem}.file-name{font-size:.875rem;font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tag{padding:2px 6px;border-radius:4px;background:var(--bg-base);border:1px solid var(--border);font-size:.7rem}.tag-warn{background:#fffbeb;color:var(--warning);border-color:#fcd34d}.file-input-page{width:80px;padding:2px 6px;border:1px solid var(--border);border-radius:4px;font-size:.75rem}.btn-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:50%}.btn-remove:hover{background:var(--bg-base);color:var(--error)}.action-bar{padding:1.5rem;background:var(--bg-surface);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem}.action-summary{font-size:.875rem;color:var(--text-secondary)}.action-summary strong{color:var(--text-primary)}.overlay-content{padding:3rem 2rem;text-align:center;display:none}.overlay-content.active{display:block;animation:fadeIn .3s ease}.progress-bar{height:8px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden;margin:1.5rem 0 .5rem;position:relative}.progress-fill{height:100%;background:var(--brand);width:0;transition:width .3s ease}.status-text{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.success-icon{font-size:3rem;color:var(--success);margin-bottom:1rem;display:block}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.feature-item{padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.feature-title{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.feature-desc{font-size:.875rem;color:var(--text-secondary)}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal{background:#fff;width:90%;max-width:400px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:scale(.95);transition:transform .2s}.modal-backdrop.active .modal{transform:scale(1)}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.5rem}.stars{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}.star{font-size:2rem;color:var(--border);cursor:pointer;transition:color .2s}.star.active,.star:hover{color:var(--warning)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:3px solid var(--brand);font-size:.875rem;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--error)}.toast.alert{border-left-color:#e04646;background:#fff1f1;color:#7a1f1f;font-weight:600;box-shadow:0 12px 28px #e0464640;animation:slideIn .3s cubic-bezier(.16,1,.3,1),pulse 1.2s ease-in-out 2}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:translate(0) scale(1)}50%{transform:translate(0) scale(1.02)}to{transform:translate(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:var(--brand);color:#fff;font-size:.65rem;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.tasks-modal{max-width:480px}.task-list{max-height:400px;overflow-y:auto}.task-item{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid var(--border);transition:background .2s}.task-item:last-child{border-bottom:none}.task-item:hover{background:var(--bg-subtle)}.task-status-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;margin-right:.75rem;flex-shrink:0}.task-status-icon.pending{background:#fef3c7;color:#d97706}.task-status-icon.processing{background:#dbeafe;color:#2563eb;animation:pulse 1.5s infinite}.task-status-icon.completed{background:#d1fae5;color:#059669}.task-status-icon.failed{background:#fee2e2;color:#dc2626}.task-info{flex:1;min-width:0}.task-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.task-id{font-family:ui-monospace,monospace;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.task-status-badge{font-size:.6875rem;padding:.125rem .375rem;border-radius:var(--radius-full);font-weight:500}.task-status-badge.completed{background:#d1fae5;color:#059669}.task-status-badge.processing{background:#dbeafe;color:#2563eb}.task-status-badge.pending{background:#fef3c7;color:#d97706}.task-status-badge.failed{background:#fee2e2;color:#dc2626}.task-meta{font-size:.75rem;color:var(--text-tertiary)}.task-time{font-size:.6875rem;color:var(--text-tertiary);font-family:ui-monospace,monospace}.task-action{margin-left:.75rem}.task-actions{display:flex;gap:.5rem;margin-left:.75rem}.task-actions .task-action{margin-left:0}.empty-tasks{text-align:center;padding:2rem;color:var(--text-tertiary)}.empty-tasks-icon{font-size:2rem;margin-bottom:.5rem}#userEmail{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-en .btn{padding:.5rem .875rem}.lang-en .btn-sm{font-size:.8125rem}.lang-en .header-actions{gap:.5rem}.lang-en .credit-pill{padding:.25rem .5rem}.lang-en .credit-pill span:first-child{display:none}@media(min-width:480px){.lang-en .credit-pill span:first-child{display:inline}}.lang-en .hero-title{font-size:2.25rem;letter-spacing:-.03em}.lang-en .hero-subtitle{font-size:1rem}.lang-en .badge{font-size:.7rem;padding:.2rem .5rem}.lang-en .feature-title{font-size:.9375rem}.lang-en .feature-desc{font-size:.8125rem;line-height:1.6}.lang-en .modal-header h3{font-size:1.125rem}.lang-en .task-meta{font-size:.7rem}.lang-en .task-status-badge{font-size:.625rem;padding:.1rem .3rem}.lang-en #progressStatus{word-break:break-word}.lang-en table th,.lang-en table td{padding:.35rem .2rem;font-size:.8125rem}.lang-en .drop-title{font-size:1.125rem}.lang-en .drop-hint{font-size:.8125rem}.lang-en .drop-specs{font-size:.7rem}.lang-en .action-summary{font-size:.8125rem}.lang-en .login-overlay-content div[style*="font-size: 1.125rem"]{font-size:1rem!important}@media(max-width:768px){.lang-en .hero-title{font-size:1.5rem}.lang-en .hero-subtitle{font-size:.875rem}.lang-en .badge{font-size:.65rem;padding:.15rem .4rem}.lang-en .feature-title{font-size:.875rem}.lang-en .btn-lg{padding:.625rem 1.25rem;font-size:.9375rem}}@media(max-width:480px){.lang-en .header-actions{gap:.25rem}.lang-en #myTasksBtn span:first-child{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.lang-en .credit-pill span:first-child{display:none}}@media(max-width:768px){.hidden-mobile{display:none}.hero-title{font-size:1.75rem}.features{grid-template-columns:1fr;gap:1rem}.header-inner{padding:0 .5rem}.drop-zone{padding:2rem 1rem}.action-bar{flex-direction:column;align-items:stretch;text-align:center}.btn-block-mobile{width:100%}.file-item{padding:.75rem 1rem}.header-actions{gap:.5rem}#userEmail{max-width:100px}}@media(max-width:480px){#userEmail{display:none}}