.api-playground:where(.astro-kcfwdhsm){border:1px solid var(--sl-color-gray-4);border-radius:.75rem;overflow:hidden;margin:1.5rem 0;font-family:system-ui,-apple-system,sans-serif}.ap-auth:where(.astro-kcfwdhsm){display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--sl-color-gray-6);border-bottom:1px solid var(--sl-color-gray-4)}.ap-auth-status:where(.astro-kcfwdhsm){display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--sl-color-gray-2)}.ap-dot:where(.astro-kcfwdhsm){width:8px;height:8px;border-radius:50%;flex-shrink:0}.ap-dot-off:where(.astro-kcfwdhsm){background:var(--sl-color-gray-3)}.ap-dot-on:where(.astro-kcfwdhsm){background:#22c55e}.ap-login-btn:where(.astro-kcfwdhsm){display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:.375rem;border:1px solid var(--sl-color-gray-4);background:transparent;color:var(--sl-color-gray-1);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.ap-login-btn:where(.astro-kcfwdhsm):hover{background:var(--sl-color-accent-low);border-color:var(--sl-color-accent);color:var(--sl-color-accent-high)}.ap-login-btn:where(.astro-kcfwdhsm).ap-authed{border-color:#22c55e;color:#22c55e}.ap-method-bar:where(.astro-kcfwdhsm){display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--sl-color-gray-5)}.ap-method:where(.astro-kcfwdhsm){padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:700;font-family:monospace}.ap-method-post:where(.astro-kcfwdhsm){background:#dbeafe;color:#2563eb}.ap-method-get:where(.astro-kcfwdhsm){background:#dcfce7;color:#16a34a}.ap-method-put:where(.astro-kcfwdhsm){background:#fef3c7;color:#d97706}.ap-method-delete:where(.astro-kcfwdhsm){background:#fee2e2;color:#dc2626}:root[data-theme=dark] .ap-method-post:where(.astro-kcfwdhsm){background:#1e3a5f;color:#93c5fd}:root[data-theme=dark] .ap-method-get:where(.astro-kcfwdhsm){background:#14532d;color:#86efac}.ap-url:where(.astro-kcfwdhsm){flex:1;padding:.375rem .625rem;border-radius:.25rem;border:1px solid var(--sl-color-gray-4);background:var(--sl-color-gray-6);color:var(--sl-color-gray-1);font-size:.8125rem;font-family:monospace}.ap-send-btn:where(.astro-kcfwdhsm){padding:.375rem 1rem;border-radius:.375rem;border:none;background:#ff5c39;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.ap-send-btn:where(.astro-kcfwdhsm):hover{background:#e04b28}.ap-send-btn:where(.astro-kcfwdhsm):disabled{opacity:.5;cursor:not-allowed}.ap-tabs:where(.astro-kcfwdhsm){display:flex;gap:0;border-bottom:1px solid var(--sl-color-gray-4);background:var(--sl-color-gray-6)}.ap-tab:where(.astro-kcfwdhsm){padding:.5rem 1rem;border:none;background:transparent;color:var(--sl-color-gray-2);font-size:.8125rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.ap-tab:where(.astro-kcfwdhsm):hover{color:var(--sl-color-gray-1)}.ap-tab-active:where(.astro-kcfwdhsm){color:var(--sl-color-accent-high)!important;border-bottom-color:var(--sl-color-accent)!important}.ap-panel:where(.astro-kcfwdhsm){display:none;padding:0}.ap-panel-active:where(.astro-kcfwdhsm){display:block}.ap-body:where(.astro-kcfwdhsm){width:100%;padding:1rem;border:none;background:var(--sl-color-gray-6);color:var(--sl-color-gray-1);font-family:monospace;font-size:.8125rem;line-height:1.5;resize:vertical;box-sizing:border-box}.ap-body:where(.astro-kcfwdhsm):focus{outline:1px solid var(--sl-color-accent)}.ap-panel-headers:where(.astro-kcfwdhsm){padding:.75rem 1rem;background:var(--sl-color-gray-6)}.ap-header-row:where(.astro-kcfwdhsm){display:flex;align-items:center;gap:.5rem;padding:.375rem 0;border-bottom:1px solid var(--sl-color-gray-5)}.ap-header-key:where(.astro-kcfwdhsm){min-width:140px;font-family:monospace;font-size:.8125rem;color:var(--sl-color-accent-high);font-weight:500}.ap-header-val:where(.astro-kcfwdhsm){flex:1;padding:.25rem .5rem;border:1px solid var(--sl-color-gray-4);border-radius:.25rem;background:var(--sl-color-gray-5);color:var(--sl-color-gray-1);font-family:monospace;font-size:.8125rem}.ap-reveal-btn:where(.astro-kcfwdhsm){background:none;border:none;color:var(--sl-color-gray-3);cursor:pointer;padding:.25rem}.ap-panel-curl:where(.astro-kcfwdhsm){position:relative;background:var(--sl-color-gray-6)}.ap-curl-output:where(.astro-kcfwdhsm){padding:1rem;margin:0;font-size:.8125rem;overflow-x:auto;color:var(--sl-color-gray-1)}.ap-copy-btn:where(.astro-kcfwdhsm){position:absolute;top:.5rem;right:.5rem;padding:.25rem .625rem;border-radius:.25rem;border:1px solid var(--sl-color-gray-4);background:var(--sl-color-gray-5);color:var(--sl-color-gray-2);font-size:.75rem;cursor:pointer}.ap-response-bar:where(.astro-kcfwdhsm){display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--sl-color-gray-5);border-top:1px solid var(--sl-color-gray-4)}.ap-response-label:where(.astro-kcfwdhsm){font-size:.8125rem;font-weight:600;color:var(--sl-color-gray-1)}.ap-response-status:where(.astro-kcfwdhsm){font-size:.75rem;font-family:monospace;font-weight:700}.ap-response-status:where(.astro-kcfwdhsm).ok{color:#22c55e}.ap-response-status:where(.astro-kcfwdhsm).err{color:#ef4444}.ap-response-time:where(.astro-kcfwdhsm){font-size:.75rem;color:var(--sl-color-gray-3)}.ap-response-body:where(.astro-kcfwdhsm){padding:1rem;margin:0;background:var(--sl-color-gray-6);font-size:.8125rem;overflow-x:auto;color:var(--sl-color-gray-1);max-height:300px;overflow-y:auto}