:root{--naranja:#ff6b00;--fondo:#0a0a0a;--fondo-card:#ffffff05;--border:#ffffff12;--texto:#e5e7eb;--muted:#9ca3af;--ok:#22c55e;--error:#f87171}*{box-sizing:border-box;margin:0}body{background:var(--fondo);min-height:100vh;color:var(--texto);background-image:radial-gradient(60% 40% at 50% 0,#ff6b001a,#0000 70%);background-repeat:no-repeat;justify-content:center;padding:48px 16px 64px;font-family:JetBrains Mono,ui-monospace,monospace;display:flex}::selection{color:#fff;background:#ff6b004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#ff6b0066;border-radius:4px}main{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:640px;display:flex}.badge{color:#ff6b00b3;background:#ff6b000d;border:1px solid #ff6b0033;border-radius:100px;align-items:center;gap:8px;padding:4px 14px;font-size:.75rem;display:flex}.dot{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:0}}h1{letter-spacing:-.02em;text-align:center;font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,9vw,4rem);font-weight:900;line-height:1}h1 span{color:var(--naranja)}.sub{color:var(--muted);text-align:center;max-width:46ch;font-size:.85rem;line-height:1.6}.card{background:var(--fondo-card);border:1px solid var(--border);border-radius:14px;width:100%;padding:20px}.drop{text-align:center;cursor:pointer;background:#ff6b0005;border:1.5px dashed #ff6b0066;border-radius:14px;width:100%;padding:44px 20px;transition:all .2s}.drop:hover,.drop.over,.drop:focus-visible{border-color:var(--naranja);background:#ff6b000f;outline:none;box-shadow:0 0 24px #ff6b0026}.drop svg{width:40px;height:40px;stroke:var(--naranja);margin-bottom:12px}.drop strong{margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:1.15rem;display:block}.drop small{color:var(--muted);font-size:.75rem}.drop input{display:none}.hidden{display:none!important}.fname{word-break:break-all;color:var(--muted);margin-bottom:18px;font-size:.85rem}.files{flex-direction:column;gap:8px;margin-top:12px;padding:0;list-style:none;display:flex}.files a,.files .bad{border:1px solid var(--border);color:var(--texto);word-break:break-all;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.files a:hover,.files a:focus-visible{background:#ff6b000d;border-color:#ff6b0080;outline:none;box-shadow:0 0 16px #ff6b0026}.files a span{flex:1;min-width:0}.files a small{color:var(--naranja);border:1px solid #ff6b0059;border-radius:100px;flex:none;padding:1px 8px;font-size:.68rem}.files a svg{fill:none;width:16px;height:16px;stroke:var(--naranja);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.files .bad{color:var(--error);border-color:#f8717159;flex-direction:column;align-items:flex-start;gap:2px}.files .bad small{color:var(--error);opacity:.8;margin:0}.steps{padding:0;list-style:none}.steps>li{gap:14px;padding-bottom:22px;display:flex;position:relative}.steps>li:last-child{padding-bottom:0}.steps>li:not(:last-child):before{content:"";background:var(--border);width:2px;transition:background .3s;position:absolute;top:30px;bottom:2px;left:13px}.steps>li.done:not(:last-child):before{background:var(--naranja)}.ico{border:2px solid var(--border);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-style:normal;transition:all .3s;display:grid;position:relative}.ico i{font-style:normal}.ico svg{fill:none;stroke:#0a0a0a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:none}.body{min-width:0;color:var(--muted);flex:1;padding-top:3px;transition:color .3s}.body small{color:var(--muted);margin-left:6px;font-size:.72rem}.body b{font-family:Space Grotesk,sans-serif;font-size:1rem}.steps>li.active .body,.steps>li.done .body{color:var(--texto)}.steps>li.active .ico{border-color:#ff6b0040;border-top-color:var(--naranja);color:#0000;animation:.8s linear infinite spin}.steps>li.done .ico{background:var(--naranja);border-color:var(--naranja)}.steps>li.done .ico i{display:none}.steps>li.done .ico svg{display:block}.steps>li.fail .ico{border-color:var(--error);color:var(--error)}.steps>li.fail .body{color:var(--error)}@keyframes spin{to{transform:rotate(360deg)}}.err{border-top:1px solid var(--border);color:var(--error);flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px;padding-top:16px;font-size:.8rem;display:flex}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.btn{font:inherit;cursor:pointer;text-align:center;color:#ff6b00e6;background:0 0;border:1px solid #ff6b0066;border-radius:100px;padding:10px 22px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s}.btn:hover{border-color:var(--naranja);background:#ff6b001a;transform:translateY(-2px);box-shadow:0 4px 16px #ff6b0033}.btn.primary{background:var(--naranja);color:#0a0a0a;border-color:var(--naranja);word-break:break-all}.btn.primary:hover{background:#ff8126}.btn:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){*{transition:none!important}.dot{animation:none}.steps li.active .ico{animation-duration:2s}}