.tool-card{max-width:950px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 16px 40px rgba(0,0,0,0.06);transition:transform .2s ease;}
.tool-card:hover{transform:translateY(-4px);}
.tool-title{text-align:center;font-weight:700;font-size:28px;color:#0d6efd;}
.dz-box{border:2px dashed #0d6efd;border-radius:16px;min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.6rem;background:#f8faff;cursor:pointer;transition:all .3s ease;}
.dz-box.dragover{background:#e7f0ff;box-shadow:inset 0 0 0 6px rgba(13,110,253,.1);}
.dz-icon{font-size:50px;}
.dz-text{font-size:20px;font-weight:600;}
.dz-note{font-size:14px;color:#6c757d;}
.file-row{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;padding:16px 20px;border-radius:12px;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.file-info{display:flex;gap:10px;align-items:center;flex-direction: column;}
.file-name{font-weight:500;font-size:16px;color:#212529;}
.size-pill{background:#17e1ff;color:#003f52;padding:4px 10px;font-size:12px;font-weight:600;border-radius:999px;}
.progress{width:60%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-top:8px;}
.progress-bar{height:100%;width:0;background:#0d6efd;border-radius:6px;transition:width .3s ease;}
.result a.btn{font-size:13px;border-radius:8px;padding:4px 12px;background:#0d6efd;color:#fff;text-decoration:none;transition:background .3s ease;}
.result a.btn:hover{background:#0056b3;}