*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.12s ease;--transition-base:.2s ease;--sidebar-width:220px}:root,[data-theme=light]{--bg-base:#f8f8fb;--bg-surface:#fff;--bg-elevated:#fff;--bg-subtle:#f2f2f7;--bg-overlay:#0000000a;--border:#e4e4ef;--border-strong:#c9c9de;--text-primary:#111118;--text-secondary:#5a5a72;--text-tertiary:#8888a8;--text-inverse:#fff;--accent:#6366f1;--accent-hover:#4f52e8;--accent-subtle:#eef0fe;--accent-text:#6366f1;--success:#22c55e;--success-subtle:#f0fdf4;--success-text:#16a34a;--warning:#f59e0b;--warning-subtle:#fffbeb;--warning-text:#b45309;--danger:#ef4444;--danger-subtle:#fef2f2;--danger-text:#dc2626;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 6px #0000000d;--shadow-lg:0 12px 32px #0000001a, 0 4px 16px #0000000f}[data-theme=dark]{--bg-base:#0f0f14;--bg-surface:#18181f;--bg-elevated:#1e1e28;--bg-subtle:#24242f;--bg-overlay:#ffffff0a;--border:#2a2a38;--border-strong:#3a3a4e;--text-primary:#f0f0f8;--text-secondary:#9090b0;--text-tertiary:#5a5a72;--text-inverse:#111118;--accent:#818cf8;--accent-hover:#6366f1;--accent-subtle:#1e1f35;--accent-text:#a5b4fc;--success:#4ade80;--success-subtle:#0d2818;--success-text:#4ade80;--warning:#fbbf24;--warning-subtle:#1c1500;--warning-text:#fbbf24;--danger:#f87171;--danger-subtle:#1c0a0a;--danger-text:#f87171;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100dvh;line-height:1.6}#root{min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;font-weight:600;line-height:1.25}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}.app-layout{width:100%;min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:100;min-height:100dvh;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.main-content{margin-left:var(--sidebar-width);background:var(--bg-base);flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.page{width:100%;max-width:1320px;padding:var(--space-8) var(--space-8);flex:1;margin:0 auto}.sidebar-logo{padding:var(--space-6) var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);display:flex}.sidebar-logo-icon{background:var(--accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sidebar-logo-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1rem;font-weight:700}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.nav-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:var(--space-3) var(--space-3) var(--space-1);font-size:.7rem;font-weight:600}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-subtle);color:var(--text-primary);text-decoration:none}.nav-item.active{background:var(--accent-subtle);color:var(--accent-text)}.nav-item svg{opacity:.8;flex-shrink:0}.nav-item.active svg{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border);gap:var(--space-2);flex-direction:column;display:flex}.privacy-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--success-subtle);border:1px solid color-mix(in srgb, var(--success) 20%, transparent);border-radius:var(--radius-md);color:var(--success-text);font-size:.75rem;font-weight:500;display:flex}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:1px solid #0000;height:36px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 40%, transparent)}.btn-secondary{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.btn-danger{background:var(--danger-subtle);color:var(--danger-text);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-lg{height:44px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:.9375rem}.btn-sm{height:30px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.8125rem}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input{height:38px;padding:0 var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.input::placeholder{color:var(--text-tertiary)}.range-wrapper{align-items:center;gap:var(--space-3);display:flex}.range{appearance:none;border-radius:var(--radius-full);background:var(--border);cursor:pointer;outline:none;flex:1;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg-surface);width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 1px 4px #0003}.range::-webkit-slider-thumb:hover{transform:scale(1.1)}.range::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-surface);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}.range-value{color:var(--accent-text);text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:.875rem;font-weight:600}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.toggle{flex-shrink:0;width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--border-strong);border-radius:var(--radius-full);transition:background var(--transition-fast);cursor:pointer;position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle-track:after{content:"";width:14px;height:14px;transition:transform var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-track:after{transform:translate(16px)}.radio-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.radio-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);font-size:.8125rem;font-weight:500;display:flex}.radio-option input{display:none}.radio-option.checked{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent-text)}.radio-option:has(input:checked){border-color:var(--accent);background:var(--accent-subtle);color:var(--accent-text)}.radio-option:hover{border-color:var(--border-strong)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:border-color var(--transition-base), background var(--transition-base);background:var(--bg-subtle);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:var(--accent-subtle)}.dropzone-icon{background:var(--bg-surface);border-radius:var(--radius-lg);width:56px;height:56px;box-shadow:var(--shadow-sm);color:var(--accent);justify-content:center;align-items:center;display:flex}.dropzone-title{color:var(--text-primary);font-size:1rem;font-weight:600}.dropzone-subtitle{color:var(--text-secondary);font-size:.8125rem}.progress-bar-wrap{background:var(--bg-subtle);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width .2s}.progress-bar-fill.success{background:var(--success)}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap;font-size:.75rem;font-weight:600}.data-table th.right,.data-table td.right{text-align:right}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-subtle)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background:var(--success-subtle);color:var(--success-text)}.badge-danger{background:var(--danger-subtle);color:var(--danger-text)}.badge-warning{background:var(--warning-subtle);color:var(--warning-text)}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5);gap:var(--space-2);flex-direction:column;min-height:100px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);font-size:.75rem;font-weight:500}.stat-value{letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.stat-sub{color:var(--text-tertiary);font-size:.75rem}.notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:.8125rem;line-height:1.5;display:flex}.notice-info{background:var(--accent-subtle);color:var(--accent-text);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent)}.notice-success{background:var(--success-subtle);color:var(--success-text);border:1px solid color-mix(in srgb, var(--success) 20%, transparent)}.notice-warning{background:var(--warning-subtle);color:var(--warning-text);border:1px solid color-mix(in srgb, var(--warning) 20%, transparent)}.notice-danger{background:var(--danger-subtle);color:var(--danger-text);border:1px solid color-mix(in srgb, var(--danger) 20%, transparent)}.file-list{gap:var(--space-2);max-height:260px;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.file-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);font-size:.8125rem;display:flex}.file-row-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;font-weight:500;overflow:hidden}.file-row-size{color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0}.file-row-remove{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:2px;display:flex}.file-row-remove:hover{color:var(--danger-text)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.pending{background:var(--text-tertiary)}.status-dot.processing{background:var(--accent);animation:1.2s infinite pulse}.status-dot.done{background:var(--success)}.status-dot.error{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.page-header{margin-bottom:var(--space-6)}.page-title{color:var(--text-primary);letter-spacing:-.03em;font-size:1.625rem;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-1);font-size:.875rem;line-height:1.5}.section{margin-bottom:var(--space-6)}.section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.09em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:700}.divider{background:var(--border);height:1px;margin:var(--space-5) 0}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);color:var(--text-secondary)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.4;font-size:2.5rem}.empty-state-title{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.9375rem;font-weight:600}.empty-state-body{color:var(--text-tertiary);font-size:.8125rem}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hint{color:var(--text-tertiary);font-size:.75rem}.sidebar-toggle{top:var(--space-3);left:var(--space-3);z-index:200;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-primary);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:none;position:fixed}.quick-actions{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.quick-action-card{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);color:inherit;min-height:76px;text-decoration:none;display:flex}.quick-action-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.quick-action-icon{border-radius:var(--radius-md);background:var(--accent-subtle);width:44px;height:44px;color:var(--accent-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-action-text h3{color:var(--text-primary);font-size:.9375rem;font-weight:600}.quick-action-text p{color:var(--text-secondary);margin-top:2px;font-size:.8125rem}.results-summary{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--success-subtle);border:1px solid color-mix(in srgb, var(--success) 20%, transparent);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.results-summary-item{flex-direction:column;gap:2px;display:flex}.results-summary-label{text-transform:uppercase;letter-spacing:.08em;color:var(--success-text);opacity:.8;font-size:.6875rem;font-weight:600}.results-summary-value{color:var(--success-text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.settings-panel-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.history-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.history-item:last-child{border-bottom:none}.history-type-icon{border-radius:var(--radius-md);background:var(--accent-subtle);width:36px;height:36px;color:var(--accent-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.overlay{z-index:90;background:#0006;display:none;position:fixed;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.auth-page{background:var(--bg-base);width:100%;min-height:100dvh;padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8);width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.auth-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.auth-logo-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.125rem;font-weight:700}.auth-title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.375rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.875rem;line-height:1.5}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-links{margin-top:var(--space-3);justify-content:flex-end;display:flex}.auth-link{color:var(--accent-text);font-size:.8125rem;font-weight:500}.auth-divider{background:var(--border);height:1px;margin:var(--space-5) 0}.auth-footer{color:var(--text-secondary);text-align:center;font-size:.8125rem}.auth-privacy{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-tertiary);margin-top:var(--space-5);font-size:.7rem;display:flex}.account-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.account-row:last-child{border-bottom:none}.account-row-label{color:var(--text-secondary);flex-shrink:0;font-size:.8125rem;font-weight:500}.account-row-value{color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}@media (width>=1600px){.page{padding:var(--space-10) var(--space-10)}}@media (width<=1024px) and (width>=769px){:root{--sidebar-width:200px}.page{padding:var(--space-6) var(--space-6)}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-width:240px}.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-toggle{display:flex}.overlay.open{display:block}.main-content{margin-left:0}.page{padding:var(--space-5) var(--space-4);padding-top:calc(var(--space-12) + var(--space-2))}.page-title{font-size:1.375rem}.quick-actions{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:1fr}.stat-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.data-table{font-size:.8125rem}.auth-card{padding:var(--space-6) var(--space-5)}}@media (width<=480px){.page{padding:var(--space-4) var(--space-3);padding-top:calc(var(--space-12) + var(--space-2))}.stat-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-4);min-height:88px}.stat-value{font-size:1.25rem}.results-summary{gap:var(--space-4)}.auth-card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg)}.quick-action-card{padding:var(--space-4);gap:var(--space-3)}}@media (width<=360px){.stat-grid{grid-template-columns:1fr}}