body{font-family:system-ui,sans-serif;margin:0;background:#f4f4f4}.wrap{padding:16px;max-width:720px;margin:0 auto}h1{margin:8px 0 16px}.card{background:#fff;border-radius:12px;padding:14px;margin:12px 0;box-shadow:0 1px 6px #00000014}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 520px){.grid{grid-template-columns:1fr}}.label{font-size:12px;opacity:.7;margin-bottom:4px}input{width:100%;padding:12px;font-size:16px;border-radius:10px;border:1px solid #ddd}button{font-size:16px;padding:12px 16px;border-radius:10px;border:none;background:#e6e6e6}button.primary{background:#2c7be5;color:#fff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.small{font-size:12px;opacity:.8;margin-top:8px}pre{white-space:pre-wrap;word-break:break-word;background:#111;color:#0f0;padding:10px;border-radius:10px;min-height:120px}