.container{background:#fff;color:#333;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.2);width:800px;padding:30px;text-align:center;animation:fadeIn 1s ease}.container h1{font-size:2em;margin-bottom:20px;color:#2575fc}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:700;margin-bottom:10px;color:#555}.input-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:1em}.btn{display:inline-block;padding:12px 25px;background:#2575fc;border:none;border-radius:8px;color:#fff;font-size:1em;cursor:pointer;transition:background .3s}.btn:hover{background:#1a5fc8}.output{margin-top:30px}.output p{background:#f1f1f1;padding:10px;border-radius:8px;margin:10px 0;font-size:1em;color:#333;position:relative;word-wrap:break-word}.copy-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:#2575fc;color:#fff;border:none;border-radius:5px;padding:5px;cursor:pointer}.copy-btn:hover{background:#1a5fc8}.loading-animation{display:flex;justify-content:center;align-items:center;margin-top:20px}.loading-animation div{width:12px;height:12px;margin:3px;background-color:#2575fc;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-animation div:nth-child(1){animation-delay:-.32s}.loading-animation div:nth-child(2){animation-delay:-.16s}.loading-animation div:nth-child(3){animation-delay:0}.input-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:1em;appearance:none;background:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%232575fc" width="18" height="18"><path d="M7 10l5 5 5-5H7z"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 10px) center;background-size:16px;color:#555;cursor:pointer;transition:border-color .3s,box-shadow .3s}.input-group select:hover{border-color:#2575fc}.input-group select:focus{border-color:#2575fc;box-shadow:0 0 5px rgba(37,117,252,.5);outline:none}