.apiverve-mock-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;backdrop-filter:blur(2px)}.apiverve-mock-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:680px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.12)}.apiverve-mock-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-background)}.apiverve-mock-title{font-size:var(--text-md);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.apiverve-mock-title i{color:var(--color-primary);font-size:var(--text-sm)}.apiverve-mock-close{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--text-sm)}.apiverve-mock-close:hover{background:var(--color-background);color:var(--color-text-primary)}.apiverve-mock-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.search-filter-section{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-background)}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-box i{position:absolute;left:.625rem;color:var(--color-text-secondary);font-size:var(--text-xs)}.search-input{width:100%;padding:.375rem .625rem .375rem 1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.category-select{padding:.375rem .625rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;min-width:120px}.category-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.apiverve-mock-container .api-list{flex:1;overflow-y:auto;padding:.5rem}.apiverve-mock-container .empty-state,.apiverve-mock-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--color-text-secondary);text-align:center}.apiverve-mock-container .empty-state i,.apiverve-mock-container .loading-state i{font-size:var(--text-3xl);margin-bottom:.75rem;opacity:.3}.apiverve-mock-container .empty-state p,.apiverve-mock-container .loading-state p{font-size:var(--text-xs);margin:0}.apiverve-mock-container .api-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;margin-bottom:.375rem}.apiverve-mock-container .api-item:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.apiverve-mock-container .api-logo{width:1.75rem;height:1.75rem;flex-shrink:0;background:var(--color-surface);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.apiverve-mock-container .api-logo img{width:100%;height:100%;object-fit:contain;padding:.25rem}.apiverve-mock-container .api-info{flex:1;min-width:0}.apiverve-mock-container .api-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:.125rem}.apiverve-mock-container .api-description{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apiverve-mock-container .api-meta{display:flex;gap:.5rem;align-items:center}.apiverve-mock-container .api-category{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-2xs);color:var(--color-text-secondary);background:var(--color-surface);padding:.125rem .375rem;border-radius:var(--radius-sm)}.apiverve-mock-container .api-category i{font-size:var(--text-2xs)}.apiverve-mock-container .api-action{color:var(--color-text-secondary);font-size:var(--text-xs);flex-shrink:0}.apiverve-mock-container .api-item.disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface)}.apiverve-mock-container .api-item.disabled:hover{border-color:var(--color-border);transform:none;box-shadow:none}.apiverve-mock-container .api-item.disabled .api-logo img{filter:grayscale(50%)}.apiverve-mock-container .file-upload-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-2xs);font-weight:500;color:var(--color-text-tertiary);background:var(--color-surface);padding:.125rem .375rem;border-radius:var(--radius-sm);margin-left:.5rem;border:1px solid var(--color-border)}.apiverve-mock-container .file-upload-badge i{font-size:var(--text-2xs)}@media (max-width:768px){.apiverve-mock-container{max-width:calc(100% - 2rem);margin:1rem;border-radius:var(--radius-md);max-height:calc(100vh - 4rem)}.apiverve-mock-container .search-filter-section{flex-direction:row;gap:.375rem;padding:.5rem .75rem}.apiverve-mock-container .category-select{min-width:100px;font-size:var(--text-xs);padding:.25rem .5rem}.apiverve-mock-container .search-input{font-size:var(--text-xs);padding:.25rem .5rem .25rem 1.5rem}.apiverve-mock-container .api-logo{width:1.5rem;height:1.5rem}.apiverve-mock-container .api-description{display:none}.apiverve-mock-container .api-item{padding:.375rem .5rem;gap:.5rem}.apiverve-mock-container .api-title{font-size:var(--text-xs)}}