.mp4mp3-app{margin:22px 0;padding:18px;border:1px solid #d8e4ff;border-radius:18px;background:linear-gradient(145deg,#f8faff,#fff);box-shadow:0 12px 32px rgba(35,75,145,.07)}
.mp4mp3-app .drop{min-height:260px;border:2px dashed #9bbcff;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;transition:border-color .2s,background .2s}
.mp4mp3-app .drop.drag{border-color:#536dfe;background:#f4f6ff}
.mp4mp3-app .uploadicon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#2878ff,#7548ed);color:#fff;display:grid;place-items:center;font-size:30px;margin-bottom:12px;box-shadow:0 8px 20px rgba(73,99,235,.22)}
.mp4mp3-app .drop h2{margin:4px 0 8px;color:#172b4d;font-size:22px}
.mp4mp3-app .drop p{margin:0 0 18px;color:#667895}
.mp4mp3-app .choose{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:10px;background:linear-gradient(100deg,#2678ff,#7046ee);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(72,93,220,.2)}
.mp4mp3-app .choose:hover{filter:brightness(1.06);transform:translateY(-1px)}
.mp4mp3-app .drop small{display:block;margin-top:14px;color:#8290a8}
.mp4mp3-app .progressbox,.mp4mp3-app .result{margin-top:16px;padding:18px;border:1px solid #dce5f5;border-radius:14px;background:#fff}
.mp4mp3-app .progressbox b,.mp4mp3-app .result b{display:block;color:#17345f;margin-bottom:8px}
.mp4mp3-app .progress{height:9px;border-radius:99px;background:#edf1fa;overflow:hidden;margin:12px 0}
.mp4mp3-app .progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2678ff,#7548ed);border-radius:99px;transition:width .2s}
.mp4mp3-app .result .download{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-height:48px;padding:0 22px;border-radius:10px;background:linear-gradient(100deg,#0ca66b,#07965f);color:#fff;font-weight:700;text-decoration:none}
.mp4mp3-app .result button{display:block;margin-top:12px;border:1px solid #d5deed;background:#f5f7fc;color:#294365;padding:11px 18px;border-radius:9px;font-weight:600;cursor:pointer}
@media(max-width:600px){.mp4mp3-app{padding:10px;margin:16px 0}.mp4mp3-app .drop{min-height:230px;padding:20px 14px}.mp4mp3-app .drop h2{font-size:19px}.mp4mp3-app .choose,.mp4mp3-app .result .download{width:100%;box-sizing:border-box}.mp4mp3-app .result button{width:100%}}