*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0fdf4;--surface:#fff;--primary:#10b981;--primary-hover:#059669;--primary-light:#10b98114;--text:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-hover:#d1d5db;--error:#ef4444;--error-bg:#ef444414;--success:#10b981;--radius-lg:12px;--radius-md:10px;--radius-sm:8px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#app{max-width:700px;margin:0 auto;padding:32px 16px}header{text-align:center;margin-bottom:32px}header h1{color:var(--text);margin-bottom:8px;font-size:28px;font-weight:700}.subtitle{color:var(--text-secondary);font-size:15px}.settings-row{gap:12px;margin-bottom:16px;display:flex}.setting{flex:1}.password-gate{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.password-gate input[type=password]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.password-gate input[type=password]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.password-gate.unlocked{border-color:var(--primary);background:var(--primary-light)}.app-locked .settings-row,.app-locked .drop-zone,.app-locked .file-list,.app-locked .btn-primary{opacity:.4;pointer-events:none}.setting label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.setting select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 14px;font-family:inherit;font-size:14px}.setting select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.drop-zone{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;margin-bottom:16px;padding:48px 24px;transition:border-color .2s,background .2s;position:relative}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary);background:var(--primary-light)}.drop-zone.has-files{border-style:solid;border-color:var(--primary);padding:24px}.drop-icon{margin-bottom:12px;font-size:36px}.drop-zone p{color:var(--text);margin-bottom:6px;font-size:15px}.drop-hint{color:var(--text-tertiary);font-size:13px}.drop-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.file-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:16px;padding:16px 20px}.file-list-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.file-list ul{max-height:200px;list-style:none;overflow-y:auto}.file-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.file-list li:last-child{border-bottom:none}.file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px;overflow:hidden}.file-size{color:var(--text-tertiary);white-space:nowrap;font-size:12px}.file-status{margin-left:12px;font-size:12px;font-weight:600}.file-status.queued{color:var(--text-tertiary)}.file-status.processing{color:#f59e0b}.file-status.done{color:var(--success)}.file-status.error{color:var(--error)}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-bottom:16px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s;display:block}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{background:var(--border);color:var(--text-tertiary);cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s}.btn-secondary:hover{background:var(--primary-light)}.btn-text{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:13px;font-weight:600}.btn-text:hover{color:var(--primary-hover)}.progress-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}#progress-text{color:var(--text);font-size:14px;font-weight:600}#progress-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.progress-bar-track{background:var(--border);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:3px;width:0%;height:100%;transition:width .3s}.current-file{color:var(--text-tertiary);font-size:12px}.error-msg{background:var(--error-bg);border-radius:var(--radius-md);color:var(--error);border:1px solid #ef444433;margin-bottom:16px;padding:14px 20px;font-size:14px}.results-section{margin-top:8px}.results-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.results-header h2{font-size:18px;font-weight:600}.results-actions{gap:8px;display:flex}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}.result-card-header{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.result-card-header:hover{background:#f3f4f6}.result-card-title{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.result-card-meta{align-items:center;gap:8px;display:flex}.lang-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.expand-icon{color:var(--text-tertiary);font-size:12px;transition:transform .2s}.result-card.expanded .expand-icon{transform:rotate(180deg)}.result-card-body{padding:20px;display:none}.result-card.expanded .result-card-body{display:block}.result-card-body textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:150px;color:var(--text);resize:vertical;background:#fafafa;padding:14px;font-family:inherit;font-size:14px;line-height:1.7}.result-card-body textarea:focus{border-color:var(--primary);outline:none}.result-card-actions{gap:8px;margin-top:12px;display:flex}footer{text-align:center;border-top:1px solid var(--border);margin-top:48px;padding-top:24px}footer p{color:var(--text-tertiary);font-size:13px}footer a{color:var(--primary);text-decoration:none}footer a:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.spinner-inline{border:2px solid var(--border);border-top-color:var(--primary);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.6s linear infinite spin;display:inline-block}@media (width<=500px){#app{padding:20px 12px}header h1{font-size:24px}.drop-zone{padding:32px 16px}.result-card-body textarea{font-size:15px;line-height:1.8}}