body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:20px;background-color:#f9fafb;color:#111827}.container{max-width:800px;margin:0 auto;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}h1{margin-top:0;font-size:1.5rem;color:#1f2937}nav{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}button{padding:8px 16px;border:none;background:#f3f4f6;color:#374151;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease-in-out}button:hover{background:#e5e7eb}button.active{background:#3b82f6;color:#fff}button.active:hover{background:#2563eb}.card{border:1px solid #e5e7eb;padding:16px;border-radius:6px;margin-bottom:16px;background:#fff}.card pre{margin:0;white-space:pre-wrap;font-size:.875rem;color:#4b5563}