*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:2rem}h1{margin-bottom:1.5rem;color:#1a1a1a}h2{margin:1.5rem 0 1rem;color:#333;font-size:1.25rem}.card{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;font-weight:500}input,select,textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}input:focus,select:focus,textarea:focus{outline:none;border-color:#06c}button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}button.primary{background:#06c;color:#fff}button.primary:hover{background:#0052a3}button.secondary{background:#e0e0e0;color:#333;margin-left:.5rem}button.secondary:hover{background:#d0d0d0}button:disabled{opacity:.6;cursor:not-allowed}.button-group{display:flex;gap:.5rem;margin-top:1rem}.result{margin-top:1.5rem;padding:1rem;border-radius:4px;font-family:monospace;font-size:.875rem;white-space:pre-wrap;overflow-x:auto}.result.success{background:#e8f5e9;border:1px solid #4caf50}.result.error{background:#ffebee;border:1px solid #f44336}.result.info{background:#e3f2fd;border:1px solid #2196f3}.status-bar{padding:.75rem 1rem;background:#333;color:#fff;font-size:.875rem;display:flex;justify-content:space-between;align-items:center}.status-bar .env{padding:.25rem .5rem;background:#ff9800;border-radius:4px;font-weight:500}.status-bar .env.staging{background:#ff9800}.status-bar .env.prod{background:#f44336}.loading{display:inline-block;margin-left:.5rem}