.snippets-page[data-v-1d5fc003]{margin:0 auto;max-width:900px;padding:20px}.snippets-container[data-v-1d5fc003]{background-color:var(--c-bg-1);border:1px solid var(--c-border);border-radius:12px;overflow:hidden}.page-header[data-v-1d5fc003]{border-bottom:1px solid var(--c-border);padding:1.5rem}.page-header .header-title[data-v-1d5fc003]{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.page-header .header-title .header-icon[data-v-1d5fc003]{color:var(--c-primary);height:1.75rem;width:1.75rem}.page-header .header-title h1[data-v-1d5fc003]{color:var(--c-text-1);font-size:1.5rem;font-weight:700;margin:0}.page-header .header-desc[data-v-1d5fc003]{color:var(--c-text-2);font-size:.875rem;line-height:1.6;margin:0}.snippets-list[data-v-1d5fc003]{display:flex;flex-direction:column}.snippet-card[data-v-1d5fc003]{border-bottom:1px solid var(--c-border);padding:1.5rem;transition:background-color .2s ease}.snippet-card[data-v-1d5fc003]:last-child{border-bottom:none}.snippet-card[data-v-1d5fc003]:hover{background-color:var(--c-bg-soft)}.snippet-header[data-v-1d5fc003]{margin-bottom:1rem}.snippet-title-wrapper[data-v-1d5fc003]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.snippet-title[data-v-1d5fc003]{color:var(--c-text-1);font-size:1.125rem;font-weight:600;margin:0}.language-badge[data-v-1d5fc003]{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .5rem;text-transform:uppercase}.snippet-description[data-v-1d5fc003]{color:var(--c-text-2);font-size:.875rem;line-height:1.5;margin:0 0 .25rem}.snippet-filename[data-v-1d5fc003]{align-items:center;color:var(--c-text-3);display:flex;font-family:monospace;font-size:.75rem;gap:.25rem;margin:0}.snippet-filename .file-icon[data-v-1d5fc003]{height:.875rem;width:.875rem}.snippet-code-wrapper[data-v-1d5fc003]{background-color:var(--c-bg-2);border:1px solid var(--c-border);border-radius:8px;overflow:hidden;position:relative}.code-toolbar[data-v-1d5fc003]{align-items:center;background-color:var(--c-bg-3);border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;padding:.5rem .75rem}.code-stats[data-v-1d5fc003]{color:var(--c-text-3);font-family:monospace;font-size:.75rem}.copy-btn[data-v-1d5fc003]{align-items:center;background-color:transparent;border:1px solid var(--c-border);border-radius:4px;color:var(--c-text-2);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.copy-btn[data-v-1d5fc003]:hover{background-color:var(--c-bg-1);color:var(--c-text-1)}.copy-btn.copied[data-v-1d5fc003]{background-color:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-primary)}.copy-btn .copy-icon[data-v-1d5fc003]{height:.875rem;width:.875rem}.code-block-container[data-v-1d5fc003]{max-height:none;overflow:hidden;position:relative;transition:max-height .3s ease}.code-block-container.collapsed[data-v-1d5fc003]{max-height:24rem}.code-block[data-v-1d5fc003]{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;margin:0;overflow-x:auto;padding:1rem;white-space:pre;word-wrap:normal;background-color:var(--c-bg-2)}.code-block[data-v-1d5fc003] pre{background:transparent;margin:0;padding:0}.code-block[data-v-1d5fc003] code{background:transparent;font-family:inherit;padding:0}.code-block.loading[data-v-1d5fc003]{color:var(--c-text-1)}.collapse-toggle[data-v-1d5fc003]{align-items:center;background:linear-gradient(to bottom,transparent,var(--c-bg-2) 30%);border:none;border-top:1px solid var(--c-border);color:var(--c-text-3);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:100%}.collapse-toggle[data-v-1d5fc003]:hover{background:linear-gradient(to bottom,transparent,var(--c-bg-3) 30%);color:var(--c-text-2)}.collapse-toggle .collapse-icon[data-v-1d5fc003]{height:1rem;width:1rem}.pagination[data-v-1d5fc003]{border-top:1px solid var(--c-border);gap:.5rem;padding:1.5rem}.page-btn[data-v-1d5fc003],.pagination[data-v-1d5fc003]{align-items:center;display:flex;justify-content:center}.page-btn[data-v-1d5fc003]{background-color:transparent;border:1px solid var(--c-border);border-radius:6px;color:var(--c-text-2);cursor:pointer;height:2rem;transition:all .2s ease;width:2rem}.page-btn[data-v-1d5fc003]:hover:not(:disabled){background-color:var(--c-bg-2);border-color:var(--c-primary);color:var(--c-text-1)}.page-btn[data-v-1d5fc003]:disabled{cursor:not-allowed;opacity:.5}.page-btn .page-icon[data-v-1d5fc003]{height:1.25rem;width:1.25rem}.page-numbers[data-v-1d5fc003]{gap:.25rem}.page-number[data-v-1d5fc003],.page-numbers[data-v-1d5fc003]{align-items:center;display:flex}.page-number[data-v-1d5fc003]{background-color:transparent;border:1px solid var(--c-border);border-radius:6px;color:var(--c-text-2);cursor:pointer;font-size:.875rem;height:2rem;justify-content:center;min-width:2rem;padding:0 .5rem;transition:all .2s ease}.page-number[data-v-1d5fc003]:hover:not(:disabled):not(.active){background-color:var(--c-bg-2);border-color:var(--c-primary);color:var(--c-text-1)}.page-number.active[data-v-1d5fc003]{background-color:var(--c-primary);border-color:var(--c-primary);color:#fff}.page-number.ellipsis[data-v-1d5fc003]{border:none;cursor:default}.page-number.ellipsis[data-v-1d5fc003]:hover{background-color:transparent;color:var(--c-text-2)}.page-number[data-v-1d5fc003]:disabled{cursor:default}.pagination-info[data-v-1d5fc003]{color:var(--c-text-3);font-size:.875rem;padding:0 1.5rem 1.5rem;text-align:center}.page-views-wrapper[data-v-1d5fc003]{display:flex;justify-content:center;padding-bottom:1.5rem}@media(max-width:768px){.snippets-page[data-v-1d5fc003]{padding:10px}.page-header[data-v-1d5fc003]{padding:1rem}.page-header .header-title h1[data-v-1d5fc003]{font-size:1.25rem}.snippet-card[data-v-1d5fc003]{padding:1rem}.snippet-title-wrapper[data-v-1d5fc003]{gap:.5rem}.snippet-title[data-v-1d5fc003]{font-size:1rem}.code-block[data-v-1d5fc003]{font-size:.75rem;padding:.75rem}.pagination[data-v-1d5fc003]{gap:.25rem;padding:1rem}.page-btn[data-v-1d5fc003],.page-number[data-v-1d5fc003]{font-size:.75rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.page-icon[data-v-1d5fc003]{height:1rem;width:1rem}}.code-block[data-v-1d5fc003]::-webkit-scrollbar{height:8px}.code-block[data-v-1d5fc003]::-webkit-scrollbar-track{background:var(--c-bg-3)}.code-block[data-v-1d5fc003]::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}.code-block[data-v-1d5fc003]::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}