#app{min-height:100vh;transition:background-color .3s,color .3s}:root{--bg-color:#fff;--text-color:#1a1a1a;--card-bg:#f9fafb;--accent-color:#3b82f6;--border-color:#e5e7eb;--secondary-text:#6b7280}.dark-mode{--bg-color:#1a1a1a;--text-color:#e5e5e5;--card-bg:#2a2a2a;--accent-color:#60a5fa;--border-color:#404040;--secondary-text:#a3a3a3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s}.header[data-v-f55a55a0]{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:100;padding:1rem 0;transition:background-color .3s,border-color .3s;position:sticky;top:0}.header-content[data-v-f55a55a0]{align-items:center;gap:2rem;display:flex}.logo[data-v-f55a55a0]{flex-shrink:0}.logo a[data-v-f55a55a0]{color:var(--text-color);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s}.logo a[data-v-f55a55a0]:hover{color:var(--accent-color)}.search-bar[data-v-f55a55a0]{flex:1;max-width:500px}.actions[data-v-f55a55a0]{align-items:center;gap:.75rem;display:flex}.btn-icon[data-v-f55a55a0]{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-icon .icon[data-v-f55a55a0]{font-size:1.25rem}.btn-icon[data-v-f55a55a0]:hover{background-color:var(--border-color)}@media (width<=768px){.header-content[data-v-f55a55a0]{flex-wrap:wrap;gap:1rem}.search-bar[data-v-f55a55a0]{order:3;width:100%;max-width:none}}.footer[data-v-84c56fba]{background-color:var(--card-bg);border-top:1px solid var(--border-color);margin-top:auto;padding:1.5rem 0;transition:background-color .3s,border-color .3s}.footer-content[data-v-84c56fba]{text-align:center;color:var(--secondary-text);flex-direction:column;gap:.5rem;font-size:.875rem;display:flex}.social[data-v-84c56fba]{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.copyright[data-v-84c56fba]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.lazy-image[data-v-1ecdf52f]{width:100%;position:relative}.lazy-image__img[data-v-1ecdf52f]{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.lazy-image__img--loaded[data-v-1ecdf52f]{opacity:1}.lazy-image__placeholder[data-v-1ecdf52f]{background:var(--card-bg,#f5f5f5);width:100%;height:100%;color:var(--secondary-text,#999);justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:0;left:0}.image-card[data-v-855a81ad]{background:var(--card-bg,#fff);border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden}.image-card[data-v-855a81ad]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.image-card__image[data-v-855a81ad]{width:100%;height:auto;display:block}.image-card__info[data-v-855a81ad]{padding:.75rem}.image-card__title[data-v-855a81ad]{color:var(--text-color,#333);margin-bottom:.25rem;font-size:.875rem}.image-card__size[data-v-855a81ad]{color:var(--secondary-text,#666);font-size:.75rem}.image-grid[data-v-b2023fc3]{width:100%}.masonry[data-v-b2023fc3]{column-count:2;column-gap:1rem}@media (width>=640px){.masonry[data-v-b2023fc3]{column-count:3}}@media (width>=768px){.masonry[data-v-b2023fc3]{column-count:4}}@media (width>=1024px){.masonry[data-v-b2023fc3]{column-count:5}}@media (width>=1280px){.masonry[data-v-b2023fc3]{column-count:6}}.image-card[data-v-b2023fc3]{break-inside:avoid;margin-bottom:1rem;transition:transform .2s,box-shadow .2s;overflow:hidden}.image-card[data-v-b2023fc3]:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}.image-wrapper[data-v-b2023fc3]{width:100%}.image-wrapper img[data-v-b2023fc3]{width:100%;height:auto;display:block}.image-info[data-v-b2023fc3]{color:var(--text-color);background-color:var(--bg-color);border-top:1px solid var(--border-color);padding:.75rem;font-size:.875rem}.load-more[data-v-b2023fc3]{justify-content:center;padding:2rem 0;display:flex}.pagination[data-v-f40a384b]{justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;display:flex}.pages[data-v-f40a384b]{gap:.25rem;display:flex}.page-btn[data-v-f40a384b]{background-color:var(--card-bg);min-width:40px;height:40px;color:var(--text-color);border:1px solid var(--border-color);padding:.5rem}.page-btn[data-v-f40a384b]:hover:not(.active){background-color:var(--border-color)}.page-btn.active[data-v-f40a384b]{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.home[data-v-a74b7fc4]{flex-direction:column;min-height:100vh;display:flex}main[data-v-a74b7fc4]{flex:1;padding:2rem 0}.search-placeholder[data-v-a74b7fc4]{text-align:center;color:var(--secondary-text);padding:3rem 1rem}.search-placeholder p[data-v-a74b7fc4]{margin-bottom:.5rem;font-size:1.125rem}.search-placeholder .hint[data-v-a74b7fc4]{opacity:.8;font-size:.875rem}.container{max-width:1400px;margin:0 auto;padding:0 1rem}@media (width>=768px){.container{padding:0 1.5rem}}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.input{border:1px solid var(--border-color);background-color:var(--bg-color);width:100%;color:var(--text-color);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:border-color .2s}.input:focus{border-color:var(--accent-color);outline:none}.input::placeholder{color:var(--secondary-text)}.card{background-color:var(--card-bg);border-radius:.5rem;transition:transform .2s,box-shadow .2s;overflow:hidden}.loading{justify-content:center;align-items:center;padding:4rem;display:flex}.loading:before{content:"";border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--secondary-text);flex-direction:column;justify-content:center;align-items:center;padding:6rem;display:flex}.empty-state .empty-icon{margin-bottom:1rem;font-size:3rem}.empty-state .empty-text{font-size:1.125rem}