*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#333;background:#f5f7fa;-webkit-font-smoothing:antialiased}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:hover{filter:brightness(.92);box-shadow:0 2px 8px #0000001f}.btn:active{transform:scale(.97)}.btn-primary{background-color:#4a90d9;color:#fff}.btn-success{background-color:#28a745;color:#fff;text-decoration:none}.btn-secondary{background-color:#6c757d;color:#fff}.btn-danger-text{background:none;border:none;padding:.25rem .5rem;color:#d9534f;cursor:pointer;font-size:.8rem;font-weight:500;border-radius:4px;transition:background-color .15s ease}.btn-danger-text:hover{background-color:#d9534f1f}.btn-full{width:100%}.drop-zone{border:2px dashed #ccc;border-radius:12px;padding:2.5rem 2rem;text-align:center;cursor:pointer;background-color:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.drop-zone:hover{border-color:#a0c4e8;background-color:#f8fbff}.drop-zone.dragging{border-color:#4a90d9;background-color:#eaf2fc;box-shadow:0 0 0 4px #4a90d926}.drop-zone-icon{width:48px;height:48px;margin:0 auto .75rem;border-radius:50%;background:#eaf2fc;color:#4a90d9;font-size:1.6rem;font-weight:300;line-height:48px;transition:background-color .2s ease}.drop-zone:hover .drop-zone-icon{background:#d6e7fa}.drop-zone.dragging .drop-zone-icon{background:#4a90d9;color:#fff}.file-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem}.file-summary-size{color:#888;font-variant-numeric:tabular-nums}.card{border-radius:10px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 4px #0000000f}.card-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.card-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes dance{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-12px) rotate(-8deg)}40%{transform:translateY(0) rotate(0)}60%{transform:translateY(-12px) rotate(8deg)}80%{transform:translateY(0) rotate(0)}}.spinner{display:inline-block;font-size:48px;line-height:1;margin-bottom:1rem;animation:dance 1s ease-in-out infinite}.spinner:before{content:"🐒"}.progress-section{text-align:center;padding:3rem 0}.progress-section p{margin:.25rem 0}.file-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.file-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;transition:box-shadow .2s ease,transform .15s ease;box-shadow:0 1px 4px #0000000d}.file-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.file-card-preview{height:160px;background:#f0f2f5;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #eee}.file-card-pdf{width:100%;height:100%;border:none;pointer-events:none}.file-card-img{max-width:100%;max-height:100%;object-fit:contain}.file-card-text{width:100%;height:100%;margin:0;padding:.75rem;font-size:.65rem;line-height:1.4;color:#555;font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;overflow:hidden;white-space:pre-wrap;word-break:break-word;background:#fafbfc}.file-card-icon{font-size:1.4rem;font-weight:700;color:#b0b8c4;letter-spacing:.05em;text-align:center}.file-card-info{padding:.75rem}.file-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.file-type-badge{display:inline-block;padding:.15rem .5rem;font-size:.65rem;font-weight:700;color:#fff;border-radius:4px;letter-spacing:.04em;text-transform:uppercase}.file-card-name{margin:0 0 .35rem;font-size:.85rem;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-meta{font-size:.75rem;color:#999;font-variant-numeric:tabular-nums;line-height:1.6}.file-card-meta-sep{display:inline-block;width:3px;height:3px;background:#ccc;border-radius:50%;vertical-align:middle;margin:0 .4rem}.file-card-mime{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.7rem;color:#b0b8c4}.meta{margin-top:1rem;font-size:.85rem;color:#888}.meta p{margin:.25rem 0}