body{font-family:system-ui,Segoe UI,Roboto,Arial;background:#f6f7fb;color:#111}
.container{max-width:1100px;margin:0 auto;padding:20px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
h1{font-size:24px;margin:0 0 12px} h2{font-size:18px;margin:0 0 8px}
label{display:block;margin:8px 0 4px} input,button{padding:10px;border-radius:8px;border:1px solid #d1d5db}
button{background:#111;color:#fff;border:0;cursor:pointer} .row{display:flex;gap:12px;flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
pre{white-space:pre-wrap;background:#f5f5f5;border-radius:8px;padding:8px;max-height:320px;overflow:auto}
.alert{padding:10px;border-radius:8px;margin:8px 0}.alert.error{background:#fee2e2;border:1px solid #fecaca}
.alert.ok{background:#dcfce7;border:1px solid #bbf7d0} a{color:#2563eb} .badge{padding:2px 6px;border-radius:9999px;background:#eef2ff;border:1px solid #c7d2fe}