*{padding:0;margin:0;box-sizing:border-box}#root{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f5f5f5}.preview-box{max-width:80%;height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:20px;border:1px solid lightgray;padding:1rem}@media (max-width: 700px){.preview-box{max-width:95%;height:400px}}.preview-box img{max-width:100%;max-height:100%;object-fit:contain}.preview-box video{max-width:100%;max-height:100%}.no-preview{color:#777;text-align:center;padding:20px}.download-btn{display:inline-flex;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:8px;cursor:pointer;text-decoration:none;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #00000026;min-width:10rem;display:flex;align-items:center;justify-content:center}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0003}.download-btn svg{width:20px;height:20px;fill:#fff}#alterDownloadBtn{background:#fff;color:#000;box-shadow:inset 0 -1px #b5b5b5,inset 0 0 0 1px #0000001a,inset 0 .5px 0 1.5px #fff;text-decoration:none;padding:5px 10px;font-size:.75em;border-radius:7px}.loader{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}