*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:800px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:24px;margin-bottom:20px}.title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:8px;color:#1a1a1a}.subtitle{text-align:center;color:#666;margin-bottom:32px}.form-group{margin-bottom:16px}.label{display:block;margin-bottom:8px;font-weight:500;color:#333}.input{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-size:16px;transition:border-color .2s}.input:focus{outline:none;border-color:#3b82f6}.input.error{border-color:#ef4444}.input-group{display:flex;gap:12px;align-items:end}.button{padding:12px 24px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:8px}.button:hover{background-color:#2563eb}.button:disabled{background-color:#9ca3af;cursor:not-allowed}.button.secondary{background-color:#6b7280}.button.secondary:hover{background-color:#4b5563}.spinner{width:20px;height:20px;border:2px solid #ffffff40;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.countdown{text-align:center;margin-top:16px;color:#3b82f6;display:flex;align-items:center;justify-content:center;gap:8px}.result{margin-top:24px}.result-header{display:flex;justify-content:between;align-items:center;margin-bottom:16px}.status{display:flex;align-items:center;gap:8px;font-weight:500}.status.success{color:#10b981}.status.error{color:#ef4444}.result-content{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin-top:12px}.error-content{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;white-space:pre-wrap;overflow-x:auto}.timestamp{font-size:12px;color:#6b7280}.instructions{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:16px;margin-top:24px}.instructions h3{margin-bottom:12px;color:#1e40af}.instructions ul{list-style:none;color:#1e40af}.instructions li{margin-bottom:4px;padding-left:16px;position:relative}.instructions li:before{content:"•";position:absolute;left:0}