.mock-api-page .dev-playground-grid{display:grid;gap:32px;grid-template-columns:1fr}@media(min-width:1024px){.mock-api-page .dev-playground-grid{grid-template-columns:320px 1fr}}.mock-api-page .dev-sticky-sidebar{height:auto;margin-bottom:40px;position:-webkit-sticky;position:sticky;top:72px;z-index:10}.mock-api-page .playground-column{scroll-margin-top:100px}.dev-sidebar-header-text{font-size:14px;font-weight:600;margin:0}.mock-endpoints-header{align-items:center;background:var(--dev-bg-color);border-bottom:1px solid var(--dev-border-color);display:flex;justify-content:space-between;padding:12px 16px}.sidebar-compact{padding:10px 10px 20px!important}.dev-selector-list{display:flex;flex-direction:column}.dev-selector-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--dev-radius-sm);color:var(--dev-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:flex-start;overflow:hidden;padding:4px 10px;text-align:left;text-overflow:ellipsis;transition:all .2s;white-space:nowrap;width:100%}.dev-selector-btn:hover{background:var(--dev-surface-hover);color:var(--dev-text-primary)}.dev-selector-btn.active{background:var(--dev-primary-light);border-color:var(--dev-primary-light);color:var(--dev-primary-color);font-weight:500}.method-badge{border-radius:4px;font-size:9px;font-weight:700;min-width:36px;padding:2px 4px;text-align:center;text-transform:uppercase}.method-badge.GET{background:#e8f0fe;color:#174ea6}.method-badge.POST{background:#e6f4ea;color:#0d652d}.method-badge.PUT{background:#fef7e0;color:#f9ab00}.method-badge.DELETE{background:#fce8e6;color:#d93025}.binary-response{color:#fff;text-align:center}.binary-icon{color:var(--dev-primary-color);margin-bottom:16px}.binary-response p{font-size:14px;margin:8px 0}.binary-preview{border-radius:4px;box-shadow:0 4px 12px #00000080;margin-top:20px;max-width:100%}.window-body pre{color:#8ab4f8!important}@media(max-width:768px){.snippets-header{align-items:flex-start!important;flex-direction:column}.dev-selector-list{flex-wrap:wrap}}.endpoint-desc-container{color:var(--dev-text-secondary);display:flex;font-size:11px;gap:8px;line-height:1.5;padding:4px 10px 8px}.endpoint-desc-icon{color:var(--dev-primary-color);flex-shrink:0;margin-top:2px}.snippets-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.snippets-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.mock-lang-selector{display:flex;flex-wrap:wrap;gap:4px}.mock-lang-tab{background:var(--dev-surface-color);border:1px solid var(--dev-border-color);border-radius:6px;color:var(--dev-text-secondary);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1;padding:6px 12px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.mock-lang-tab:hover{background:var(--dev-surface-hover);border-color:var(--dev-text-tertiary);color:var(--dev-text-primary)}.mock-lang-tab.active{background:var(--dev-primary-light);border-color:var(--dev-primary-color);color:var(--dev-primary-color)}.quick-docs-box{margin-top:32px}.docs-alert{background:#fff!important;border:1px solid var(--dev-border-color)!important}.alert-icon-muted{color:var(--dev-text-tertiary)!important}.alert-text-muted{color:var(--dev-text-secondary)!important;margin:0!important}