*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0003}h1{color:#333;margin-bottom:10px;font-size:2.5em}.subtitle{color:#666;margin-bottom:30px;font-size:1.1em}button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin:10px 10px 10px 0}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.result-box{margin-top:20px;padding:20px;background:#f5f5f5;border-radius:8px;border-left:4px solid #667eea}.result-box h3{color:#333;margin-bottom:10px}.result-box pre{background:#fff;padding:15px;border-radius:4px;overflow-x:auto;font-size:14px;line-height:1.5}.loading{text-align:center;color:#667eea;font-size:18px;margin:20px 0}.error{color:#e74c3c;padding:15px;background:#fee;border-radius:6px;margin-top:10px}.success{color:#27ae60;padding:15px;background:#efe;border-radius:6px;margin-top:10px}