@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-deep:#eef2f5;--bg-base:#fff;--bg-surface:#f8f9fa;--bg-elevated:#fff;--bg-hover:#f1f3f5;--bg-active:#e9ecef;--border-subtle:#e9ecef;--border-base:#dee2e6;--border-strong:#ced4da;--accent:#e74c3c;--accent-light:#ef7568;--accent-dim:#e74c3c1f;--accent-glow:#e74c3c14;--accent-gradient:#e74c3c;--accent2:#3498db;--accent2-dim:#3498db1f;--text-primary:#212529;--text-secondary:#495057;--text-muted:#868e96;--success:#2ecc71;--success-dim:#2ecc711f;--error:#e74c3c;--error-dim:#e74c3c1f;--warning:#f1c40f;--warning-dim:#f1c40f1f;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--t-fast:.12s ease;--t-base:.2s ease;--t-smooth:.3s cubic-bezier(.4, 0, .2, 1);--t-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 10px 25px #0000001a;--shadow-glow:0 0 15px #e74c3c33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-secondary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.drag-region{-webkit-app-region:drag}.app-container{background-color:var(--bg-deep);flex-direction:column;width:100vw;height:100vh;display:flex}.workspace{flex:1;display:flex;overflow:hidden}.header-bar{background:var(--bg-base);border-bottom:1px solid var(--border-subtle);-webkit-app-region:drag;height:60px;box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-left{align-items:center;gap:12px;padding-left:70px;display:flex}.header-logo{align-items:center;gap:12px;display:flex}.header-logo-icon{background:var(--accent);border-radius:var(--r-sm);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.header-title{color:var(--text-primary);letter-spacing:-.2px;font-size:16px;font-weight:700}.header-subtitle{color:var(--text-muted);font-size:12px;font-weight:500}.header-right{-webkit-app-region:no-drag;align-items:center;gap:8px;display:flex}.header-status{border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.header-status.ready{color:var(--success);background:var(--success-dim);border-color:#2ecc7133}.header-status.error{color:var(--error);background:var(--error-dim);border-color:#e74c3c33}.header-status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}.header-status.ready .header-status-dot{background:var(--success)}.header-status.error .header-status-dot{background:var(--error)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.left-panel{background:var(--bg-surface);border-right:1px solid var(--border-base);z-index:5;flex-direction:column;flex-shrink:0;width:320px;display:flex}.panel-header{background:var(--bg-surface);border-bottom:1px solid var(--border-base);flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex}.panel-header-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);font-size:13px;font-weight:700}.panel-header-count{color:#fff;background:var(--text-muted);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.panel-actions{border-bottom:1px solid var(--border-base);background:var(--bg-base);gap:10px;padding:16px;display:flex}.file-queue{background:var(--bg-surface);flex:1;padding:12px;overflow-y:auto}.file-queue-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.file-queue-empty-icon{color:var(--border-strong)}.file-queue-empty-text{font-size:13px;line-height:1.6}.file-card{border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);background:var(--bg-base);border:1px solid var(--border-base);box-shadow:var(--shadow-sm);align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;display:flex;position:relative}.file-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.file-card.active{background:var(--accent-dim);border-color:var(--accent)}.file-card-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:600;display:flex}.file-card-icon.pdf{color:#fff;background:#e74c3c}.file-card-icon.doc{color:#fff;background:#2980b9}.file-card-icon.xls{color:#fff;background:#27ae60}.file-card-icon.ppt{color:#fff;background:#d35400}.file-card-icon.img{color:#fff;background:#8e44ad}.file-card-icon.audio{color:#fff;background:#16a085}.file-card-icon.html{color:#fff;background:#c0392b}.file-card-icon.data{color:#fff;background:#2c3e50}.file-card-icon.zip{color:#fff;background:#7f8c8d}.file-card-icon.other{background:var(--bg-active);color:var(--text-secondary)}.file-card-info{flex:1;min-width:0}.file-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.file-card-meta{color:var(--text-muted);margin-top:4px;font-size:11px}.file-card-status{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.file-card-remove{opacity:0;color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);border-radius:var(--r-sm);background:0 0;border:none;flex-shrink:0;padding:4px}.file-card:hover .file-card-remove{opacity:1}.file-card-remove:hover{color:var(--error);background:var(--error-dim)}.file-card-progress{background:var(--bg-active);border-radius:0 0 var(--r-md) var(--r-md);height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.file-card-progress-bar{background:var(--accent);height:100%;transition:width .4s}.status-pending{color:var(--text-muted)}.status-converting{color:var(--accent);animation:1s linear infinite spin}.status-done{color:var(--success)}.status-error{color:var(--error)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{background:var(--bg-deep);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.drop-zone-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drop-zone-box{border:3px dashed var(--accent);border-radius:var(--r-xl);width:600px;height:400px;color:var(--accent);background:var(--accent-glow);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:all .2s;display:flex;transform:scale(1.05)}.drop-zone-box svg{width:64px;height:64px}.drop-zone-text{font-size:24px;font-weight:700}.drop-zone-subtext{color:var(--text-primary);font-size:16px}.empty-state{background:var(--bg-deep);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.hero-content{text-align:center;max-width:800px;margin-bottom:40px}.hero-title{color:var(--text-primary);letter-spacing:-1px;margin-bottom:16px;font-size:42px;font-weight:800}.hero-subtitle{color:var(--text-secondary);font-size:18px;line-height:1.6}.upload-area{background:var(--bg-base);border:2px dashed var(--border-strong);border-radius:var(--r-xl);width:100%;max-width:700px;height:250px;transition:all var(--t-base);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-area:hover{border-color:var(--accent);box-shadow:var(--shadow-lg)}.btn-upload-massive{background:var(--accent);color:#fff;cursor:pointer;transition:all var(--t-fast);border:none;border-radius:30px;align-items:center;gap:12px;margin-bottom:16px;padding:16px 48px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 15px #e74c3c66}.btn-upload-massive:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c80}.btn-upload-massive:active{transform:translateY(0)}.upload-area p{color:var(--text-muted);font-size:14px}.preview-container{background:var(--bg-base);border-radius:var(--r-md);box-shadow:var(--shadow-md);border:1px solid var(--border-base);flex-direction:column;flex:1;margin:16px;display:flex;overflow:hidden}.preview-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border-base);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:54px;padding:0 20px;display:flex}.preview-toolbar-left{align-items:center;gap:16px;display:flex}.preview-toolbar-right{align-items:center;gap:8px;display:flex}.preview-tabs{background:var(--bg-active);border-radius:var(--r-sm);padding:4px;display:flex}.preview-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);border-radius:var(--r-xs);background:0 0;border:none;padding:6px 16px;font-size:13px;font-weight:600}.preview-tab.active{background:var(--bg-base);color:var(--text-primary);box-shadow:var(--shadow-sm)}.preview-tab:hover:not(.active){color:var(--text-primary)}.preview-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:15px;font-weight:700;overflow:hidden}.raw-markdown{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:var(--bg-base);flex:1;padding:30px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.rendered-markdown{background:var(--bg-base);color:var(--text-primary);flex:1;padding:40px 50px;font-size:15px;line-height:1.8;overflow-y:auto}.rendered-markdown h1{border-bottom:2px solid var(--border-base);margin:0 0 20px;padding-bottom:10px;font-size:32px;font-weight:800}.rendered-markdown h2{border-bottom:1px solid var(--border-subtle);margin:30px 0 16px;padding-bottom:8px;font-size:24px;font-weight:700}.rendered-markdown h3{margin:24px 0 12px;font-size:20px;font-weight:700}.rendered-markdown p{margin:0 0 16px}.rendered-markdown ul,.rendered-markdown ol{margin:0 0 16px;padding-left:24px}.rendered-markdown li{margin-bottom:6px}.rendered-markdown code{background:var(--bg-surface);border:1px solid var(--border-base);color:var(--accent);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}.rendered-markdown pre{border:1px solid var(--border-base);background:#f8f9fa;border-radius:8px;margin:0 0 16px;padding:16px;overflow-x:auto}.rendered-markdown pre code{color:#24292e;background:0 0;border:none;padding:0}.rendered-markdown blockquote{border-left:4px solid var(--accent);background:var(--accent-dim);color:var(--text-secondary);margin:0 0 16px;padding:10px 20px}.rendered-markdown a{color:var(--accent2);text-decoration:none}.rendered-markdown a:hover{text-decoration:underline}.rendered-markdown table{border-collapse:collapse;width:100%;margin:0 0 16px}.rendered-markdown th{background:var(--bg-surface);text-align:left;border:1px solid var(--border-strong);padding:10px;font-weight:700}.rendered-markdown td{border:1px solid var(--border-base);padding:10px}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.btn-primary:hover:not(:disabled){background:#c0392b}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-base);color:var(--text-primary);border-radius:var(--r-sm);border:1px solid var(--border-strong);cursor:pointer;transition:all var(--t-fast);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.btn-secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--text-muted)}.btn-icon{color:var(--text-secondary);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.danger:hover{background:var(--error-dim);color:var(--error)}.btn-full{width:100%}.btn-claude{color:#fff;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);background:#f39c12;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.btn-claude:hover{background:#d68910}.btn-claude-merge{background:var(--bg-base);color:#d68910;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);border:1px solid #f39c12;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.btn-claude-merge:hover{background:#f39c121a}.toolbar-divider{background:var(--border-strong);width:1px;height:24px;margin:0 8px}.claude-tip{border-radius:var(--r-md);text-align:left;background:#f39c1214;border:1px solid #f39c124d;align-items:flex-start;gap:12px;max-width:600px;margin-top:24px;padding:16px 20px;display:flex}.claude-tip-icon{color:#d68910;flex-shrink:0;margin-top:2px}.claude-tip strong{color:#d68910;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.claude-tip span{color:var(--text-secondary);font-size:13px;line-height:1.5}.converting-indicator{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.converting-spinner{border:4px solid var(--border-base);border-top-color:var(--accent);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.converting-text{color:var(--text-primary);font-size:18px;font-weight:700}.converting-subtext{color:var(--text-secondary);font-size:14px}.copy-toast{color:#fff;z-index:1000;background:#212529;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.error-banner{border-radius:var(--r-md);color:#721c24;background:#fdf2f2;border:1px solid #f5c6cb;align-items:flex-start;gap:12px;margin:16px;padding:16px;display:flex}.batch-progress-bar{background:var(--border-base);height:4px}.batch-progress-fill{background:var(--accent);height:100%;transition:width .3s}