:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#6d28d933,#0000 30%),linear-gradient(#020817 0%,#0f172a 40%,#111827 100%);font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}body{min-width:320px;height:100vh;min-height:100vh;margin:0;overflow:hidden}button,select,input{font:inherit}img{max-width:100%}#root{height:100vh;min-height:100vh}h1,h2,h3,p{margin-top:0}.app-shell{flex-direction:column;gap:12px;width:min(1200px,100% - 24px);height:100vh;margin:0 auto;padding:14px 0 10px;display:flex;overflow:hidden}.topbar,.toolbar,.hero-panel,.file-card,.dropzone{background:#0f172ab3;border:1px solid #94a3b82e;box-shadow:0 10px 30px #0f172a29}.topbar{border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:0;padding:12px 18px;display:flex}.eyebrow{color:#9ba9d0;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:.72rem}.topbar h1{margin:0;font-size:clamp(2rem,3vw,2.8rem)}.header-actions,.card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bulk-control{background:#0f172a8c;border:1px solid #94a3b82e;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.bulk-control label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.bulk-control select{color:#fff;background:#0f172acc;border:1px solid #94a3b833;border-radius:10px;min-width:110px;padding:.65rem .8rem}.primary,.secondary{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:.8rem 1.2rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s}.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#22c55e)}.primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#2dd4bf);box-shadow:0 12px 24px #7c3aed66}.secondary{color:#e2e8f0;background:#94a3b81f}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover{transform:translateY(-1px)}.hero-panel{border-radius:22px;justify-content:space-between;align-items:center;gap:18px;min-height:110px;padding:16px 20px;display:flex}.hero-copy{max-width:720px}.badge{color:#d8b4fe;background:#7c3aed33;border-radius:999px;margin:0 0 14px;padding:.35rem .7rem;font-size:.75rem;display:inline-flex}.hero-copy h2{margin:0 0 10px;font-size:clamp(1.8rem,2.4vw,3rem);line-height:1.15}.hero-copy p{color:#aebbd8;margin:0}.hero-metrics{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;width:min(280px,100%);display:grid}.hero-metrics div{background:#0f172a7a;border:1px solid #94a3b82e;border-radius:18px;padding:16px 18px}.hero-metrics strong{color:#fff;font-size:1.8rem;display:block}.hero-metrics span{color:#aebbd8;font-size:.82rem}.dropzone{border-style:dashed;border-radius:20px;margin-top:0;padding:14px 18px;transition:border-color .2s,transform .2s}.dropzone.dragging{border-color:#2dd4bfcc;transform:translateY(-1px)}.dropzone input{display:none}.dropzone-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.drop-icon{color:#ddd6fe;background:#7c3aed24;border-radius:20px;place-items:center;width:64px;height:64px;font-size:2rem;display:grid}.dropzone-content h3{margin:0;font-size:1.5rem}.dropzone-content p{color:#aebbd8;margin:0}.notice{color:#fecaca;background:#ef444424;border:1px solid #ef444466;border-radius:12px;margin-top:16px;padding:12px 16px}.toolbar{color:#dfe9ff;border-radius:16px;justify-content:space-between;align-items:center;margin-top:0;padding:10px 16px;display:flex}.results-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;min-height:0;margin-top:0;display:grid;overflow:hidden}.empty-state,.file-card{border-radius:22px;padding:18px}.empty-state{text-align:center;background:#0f172a73;border:1px dashed #94a3b833;place-items:center;min-height:140px;display:grid}.file-card{flex-direction:column;gap:10px;min-height:0;display:flex}.file-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.file-meta{align-items:center;gap:12px;min-width:0;display:flex}.file-ext{color:#dcfce7;background:#22c55e24;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:.7rem;font-weight:700;display:inline-flex}.file-meta strong,.file-meta small{display:block}.file-meta strong{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.file-meta small{color:#9db0d7}.pill{text-transform:capitalize;border-radius:999px;padding:.4rem .7rem;font-size:.74rem;font-weight:700}.pill.queued{color:#bfdbfe;background:#3b82f626}.pill.converting{color:#fef3c7;background:#facc1526}.pill.ready{color:#d1fae5;background:#22c55e26}.pill.error{color:#fecaca;background:#ef444426}.field-label{color:#dfe9ff;gap:8px;font-size:.92rem;display:grid}select{appearance:none;color:#fff;width:100%;font:inherit;background:#0f172ab3;border:1px solid #94a3b838;border-radius:12px;padding:.8rem 1rem}.progress-track{background:#94a3b829;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#38bdf8);height:100%;display:block}.error-text{color:#fca5a5;margin:0;font-size:.86rem}.preview-box{background:#0f172a73;border:1px solid #94a3b82e;border-radius:14px;place-items:center;min-height:150px;display:grid;overflow:hidden}.preview-box img{object-fit:cover;width:100%;height:200px;display:block}.pdf-placeholder{color:#dbeafe;background:linear-gradient(135deg,#2563eb2e,#10b9812e);place-items:center;width:100%;height:200px;display:grid}@media (width<=760px){.topbar,.hero-panel,.toolbar,.file-header{flex-direction:column;align-items:flex-start}.hero-panel,.toolbar,.header-actions,.card-actions{width:100%}.header-actions button,.card-actions button,.toolbar button{flex:1}}