#output-card{display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px 30px;width:95%;max-width:400px;min-height:450px;margin:auto;border-radius:10px;border:4px solid purple;background-color:#f5f5f5;box-shadow:0 0 10px 5px #e6eef0}#output-card:hover{box-shadow:0 0 15px 10px #e6eef0}#details{display:flex;align-items:center;justify-content:space-between;padding:5px;width:100%}#result{display:flex;flex-direction:column;row-gap:15px;height:34vh;padding:5px;width:100%;border-radius:5px;overflow:scroll;background:linear-gradient(180deg,#090987 30%,#3f3fc4 100%)}#overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:9999;background-color:rgba(0,0,0,.5)}.url{display:flex;flex-direction:column;row-gap:10px;align-items:center;padding:25px 20px;max-width:300px;border-radius:8px;color:#f5f5f5;box-shadow:0 -7px 25px #fff;background:linear-gradient(90deg,#1f1499 21%,#090979 84%);transform:translateY(50px);opacity:0;animation:slideUp .6s ease-out forwards}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.path-detail{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.url-animate{flex:1;padding:8px;border-radius:4px;overflow-x:scroll;border:1px solid #000;color:purple;background-color:#fff}.copy-btn{padding:5px;border:1px solid #fff;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.copy-btn:hover{color:#fff;background-color:#000}