@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Condensed:wght@600;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}:root{--bg:#111827;--card:#1f2937;--text-main:#e5e7eb;--text-muted:#9ca3af;--border:#374151;--primary:#3b82f6;--primary-dark:#1e40af;--primary-hover:#2563eb;--drop-border:#334155;--drop-bg:#0f172a;--drop-text:#bfdbfe;--drop-hover:#1e293b;--error-bg:#3f1d1d;--error-text:#fca5a5;--btn:#4b5563;--btn-text:#d1d5db;font-family:IBM Plex Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;color:var(--text-main);background:#111827;margin:0}#root{min-height:100dvh}.app-shell{justify-content:center;align-items:flex-start;min-height:100dvh;padding:clamp(1rem,4vw,2rem) 1rem 1rem;display:flex}.card{background:var(--card);border:1px solid var(--border);width:min(100%,640px);box-shadow:none;border-radius:10px;gap:.75rem;padding:clamp(1rem,3vw,1.25rem);display:grid}.title-wrap{place-items:center;gap:1rem;display:grid}.bolt{text-shadow:0 2px 8px #00000059;font-size:2.5rem;line-height:1}h1{letter-spacing:.01em;margin:0;font-family:IBM Plex Sans Condensed,IBM Plex Sans,sans-serif;font-size:clamp(1.4rem,4vw,2.3rem);font-weight:700}.file-input{display:block}.file-input input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dropzone{border:2px dashed var(--drop-border);background:var(--drop-bg);min-height:120px;color:var(--drop-text);text-align:center;cursor:pointer;border-radius:12px;place-content:center;justify-items:center;gap:.6rem;padding:1.35rem .9rem;font-size:clamp(.95rem,2.8vw,1.05rem);transition:border-color .14s,background-color .14s,box-shadow .14s,transform .14s;display:grid}.dropzone:hover{border-color:var(--primary);background:var(--drop-hover);box-shadow:none;transform:translateY(-1px)}.dropzone.drag-over{border-color:var(--primary);background:var(--drop-hover)}.drop-icon{width:2rem;height:2rem}.file-name{min-height:1.5rem;color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word;font-size:clamp(.9rem,2.5vw,.98rem)}button{border:1px solid var(--primary-dark);background:var(--primary);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;padding:.8rem;font-size:clamp(.9rem,2.6vw,1rem);font-weight:700;transition:filter .14s,transform .14s;display:inline-flex}button:hover:not(:disabled){background:var(--primary-hover);filter:none;transform:translateY(-1px)}button:disabled{background:var(--btn);color:var(--btn-text);opacity:.75;cursor:not-allowed;border-color:#7b8798;transform:none}.status{min-height:1.2rem;color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word;font-size:.88rem}.progress-wrap{align-items:center;gap:.55rem;display:flex}.progress-track{background:var(--drop-bg);border:1px solid var(--drop-border);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#67a9ff,#93c5fd);height:100%;transition:width .18s}.progress-text{text-align:right;width:40px;color:var(--drop-text);font-size:.82rem;font-weight:700}.status.running{color:#93c5fd}.status.done{color:#86efac}.status.error{color:var(--error-text)}.features{border:1px solid var(--border);background:#111827;border-radius:8px;padding:.85rem}.features h3{margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif;font-size:clamp(1rem,3.2vw,1.25rem);font-weight:800}.features ul{color:var(--text-muted);gap:.25rem;margin:0;padding-left:1.2rem;font-size:clamp(.96rem,2.6vw,1rem);display:grid}