#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-d159ca8e]{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-d159ca8e]{align-items:center;gap:2rem;display:flex}.logo[data-v-d159ca8e]{flex-shrink:0}.logo a[data-v-d159ca8e]{color:var(--text-color);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s}.logo a[data-v-d159ca8e]:hover{color:var(--accent-color)}.search-bar[data-v-d159ca8e]{flex:1;max-width:500px}.actions[data-v-d159ca8e]{align-items:center;gap:.75rem;display:flex}.btn-icon[data-v-d159ca8e]{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-d159ca8e]{font-size:1.25rem}.btn-icon[data-v-d159ca8e]:hover{background-color:var(--border-color)}@media (width<=768px){.header-content[data-v-d159ca8e]{flex-wrap:wrap;gap:1rem}.search-bar[data-v-d159ca8e]{order:3;width:100%;max-width:none}}.footer[data-v-12d8dc68]{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-12d8dc68]{text-align:center;color:var(--secondary-text);flex-direction:column;gap:.5rem;font-size:.875rem;display:flex}.social[data-v-12d8dc68]{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.copyright[data-v-12d8dc68]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.image-grid[data-v-c9cb615b]{width:100%}.masonry[data-v-c9cb615b]{column-count:2;column-gap:1rem}@media (width>=640px){.masonry[data-v-c9cb615b]{column-count:3}}@media (width>=768px){.masonry[data-v-c9cb615b]{column-count:4}}@media (width>=1024px){.masonry[data-v-c9cb615b]{column-count:5}}@media (width>=1280px){.masonry[data-v-c9cb615b]{column-count:6}}.image-card[data-v-c9cb615b]{break-inside:avoid;margin-bottom:1rem;transition:transform .2s,box-shadow .2s;overflow:hidden}.image-card[data-v-c9cb615b]:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}.image-wrapper[data-v-c9cb615b]{width:100%}.image-wrapper img[data-v-c9cb615b]{width:100%;height:auto;display:block}.image-info[data-v-c9cb615b]{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-c9cb615b]{justify-content:center;padding:2rem 0;display:flex}.pagination[data-v-ad21f40e]{justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;display:flex}.pages[data-v-ad21f40e]{gap:.25rem;display:flex}.page-btn[data-v-ad21f40e]{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-ad21f40e]:hover:not(.active){background-color:var(--border-color)}.page-btn.active[data-v-ad21f40e]{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.home[data-v-04ce8a30]{flex-direction:column;min-height:100vh;display:flex}main[data-v-04ce8a30]{flex:1;padding:2rem 0}.search-placeholder[data-v-04ce8a30]{text-align:center;color:var(--secondary-text);padding:3rem 1rem}.search-placeholder p[data-v-04ce8a30]{margin-bottom:.5rem;font-size:1.125rem}.search-placeholder .hint[data-v-04ce8a30]{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}