*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.container{flex-direction:column;justify-content:center;max-width:800px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 10px 40px #0000001a}h1{color:#1a1a1a;margin-bottom:8px;font-size:32px}.subtitle{color:#666;margin-bottom:24px}.status{border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.status.ready{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.status.not-ready{color:#856404;background:#fff3cd;border:1px solid #ffeeba}.info-grid{gap:16px;margin-bottom:24px;display:grid}.info-item{background:#f8f9fa;border-radius:8px;padding:12px}.info-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px}.info-value{color:#1a1a1a;word-break:break-all;font-family:Courier New,monospace;font-size:14px}.button-group{gap:12px;margin-bottom:24px;display:flex}button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{color:#fff;background:#6c757d}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-danger{color:#fff;background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.input-group{margin-bottom:16px}label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}input,textarea{border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-family:Courier New,monospace;font-size:14px;transition:border-color .2s}input:focus,textarea:focus{border-color:#667eea;outline:none}textarea{resize:vertical;min-height:80px}.result{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:4px;margin-top:24px;padding:16px}.result h3{color:#0c5460;margin-bottom:8px;font-size:14px}.result pre{color:#0c5460;word-break:break-all;white-space:pre-wrap;font-family:Courier New,monospace;font-size:12px;overflow-x:auto}.error{background:#f8d7da;border-left:4px solid #dc3545;border-radius:4px;margin-top:24px;padding:16px}.error h3{color:#721c24;margin-bottom:8px;font-size:14px}.error pre{color:#721c24;word-break:break-all;white-space:pre-wrap;font-family:Courier New,monospace;font-size:12px}.loading{vertical-align:middle;border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.automation-info{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-top:24px;padding:16px}.automation-info h3{color:#856404;margin-bottom:8px;font-size:14px}.automation-info code{color:#856404;background:#fff;border-radius:4px;margin-top:8px;padding:8px;font-family:Courier New,monospace;font-size:12px;display:block}