*{box-sizing:border-box}html,body{color:#f5f7fa;background:#0b0d10;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{background:radial-gradient(circle at 50% 0,#182019 0%,#0b0d10 42%);place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#121518eb;border:1px solid #272c31;border-radius:24px;width:min(680px,100%);padding:34px;box-shadow:0 25px 80px #0008}.brand{letter-spacing:.02em;color:#d7ffdb;font-weight:800}.brand span{margin-left:7px}h1{margin:18px 0 8px;font-size:32px}.sub{color:#98a2ad;margin:0 0 24px}.sub code{color:#d7ffdb}.drop{color:#e9eef3;cursor:pointer;background:#0e1114;border:1.5px dashed #3a444d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:220px;transition:all .18s;display:flex}.drop:hover{background:#111712;border-color:#71d77b}.drop strong{overflow-wrap:anywhere;max-width:90%;font-size:18px}.drop span{color:#89939d}.upload{color:#08100a;cursor:pointer;background:#78e781;border:0;border-radius:14px;width:100%;margin-top:16px;padding:15px 18px;font-size:16px;font-weight:800}.upload:disabled{opacity:.45;cursor:not-allowed}.bar{background:#262c31;border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.bar div{background:#78e781;height:100%;transition:width .12s}.error{color:#ff8383;background:#271416;border-radius:12px;padding:12px}.result{gap:8px;margin-top:16px;display:flex}.result input{color:#e8edf2;background:#0c0f12;border:1px solid #333a40;border-radius:12px;flex:1;min-width:0;padding:12px}.result button{cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-weight:700}@media (max-width:600px){.card{padding:22px}.result{flex-direction:column}.result button{padding:12px}h1{font-size:26px}}