*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:linear-gradient(135deg,#eef2ff,#fff,#f3e8ff);justify-content:center;align-items:center;min-height:100vh;display:flex}.container{background:#fff;border-radius:16px;width:100%;max-width:600px;padding:30px;box-shadow:0 10px 30px #0000001a}.title{text-align:center;color:#4f46e5;margin-bottom:20px;font-size:26px;font-weight:700}form{flex-direction:column;gap:12px;display:flex}input,textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:12px;font-size:14px}input:focus,textarea:focus{border-color:#4f46e5}button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:12px;font-weight:700;transition:all .3s}button:hover{background:#4338ca}.loader{text-align:center;color:#4f46e5;margin-top:15px;animation:1s infinite blink}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.result-box{background:#f9fafb;border-radius:10px;margin-top:20px;padding:15px}.result-box pre{white-space:pre-wrap;font-size:14px}.copy-btn{background:#16a34a;margin-top:10px}.copy-btn:hover{background:#15803d}