.camera-roll.svelte-jfs4i1{display:grid;grid-template-columns:280px 1fr;grid-gap:var(--space-l);gap:var(--space-l)}.filters.svelte-jfs4i1{background-color:var(--color-surface);padding:var(--space-m);border-radius:8px;height:-moz-fit-content;height:fit-content;position:sticky;top:var(--space-l)}.filters.svelte-jfs4i1 h2:where(.svelte-jfs4i1){font-size:var(--font-size-lg);margin-bottom:var(--space-m);color:var(--color-text)}.filter-section.svelte-jfs4i1{margin-bottom:var(--space-m);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-m)}.filter-section.svelte-jfs4i1:last-of-type{border-bottom:none}.section-header.svelte-jfs4i1{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;background:none;border:none;cursor:pointer;text-align:left;transition:opacity .2s ease}.section-header.svelte-jfs4i1:hover{opacity:.8}.section-header.svelte-jfs4i1 h3:where(.svelte-jfs4i1){font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-xs)}.filter-count.svelte-jfs4i1{font-size:11px;color:var(--color-accent);font-weight:500;opacity:.9}.chevron.svelte-jfs4i1{font-size:12px;color:var(--color-text-secondary);transition:transform .3s ease}.filter-section.expanded.svelte-jfs4i1 .chevron:where(.svelte-jfs4i1){transform:rotate(180deg)}.section-content.svelte-jfs4i1{margin-top:var(--space-s);animation:svelte-jfs4i1-slideDown .3s ease-out}@keyframes svelte-jfs4i1-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-input.svelte-jfs4i1{width:100%;padding:var(--space-xs);margin-bottom:var(--space-s);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);font-size:var(--font-size-sm);transition:border-color .2s ease}.search-input.svelte-jfs4i1:focus{outline:none;border-color:var(--color-accent)}.search-input.svelte-jfs4i1::-moz-placeholder{color:var(--color-text-secondary);opacity:.6}.search-input.svelte-jfs4i1::placeholder{color:var(--color-text-secondary);opacity:.6}.filter-chips.svelte-jfs4i1{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.no-results.svelte-jfs4i1{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin:0}.chip.svelte-jfs4i1{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:999px;padding:var(--space-xs) var(--space-s);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.chip.svelte-jfs4i1:hover{background-color:var(--color-surface-hover)}.chip.active.svelte-jfs4i1{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}select.svelte-jfs4i1{width:100%;padding:var(--space-xs);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);font-size:var(--font-size-sm)}.date-range.svelte-jfs4i1,.time-range.svelte-jfs4i1{display:flex;align-items:center;gap:var(--space-xs)}.date-range.svelte-jfs4i1 input:where(.svelte-jfs4i1),.time-range.svelte-jfs4i1 input:where(.svelte-jfs4i1){flex:1;padding:var(--space-xs);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);font-size:var(--font-size-sm)}.filter-hint.svelte-jfs4i1{margin-top:var(--space-xs);font-size:11px;color:var(--color-text-secondary);opacity:.8}.clear-button.svelte-jfs4i1{width:100%;padding:var(--space-s);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-sm);cursor:pointer;transition:background-color .2s ease}.clear-button.svelte-jfs4i1:hover{background-color:var(--color-surface-hover)}.photo-grid.svelte-jfs4i1{min-height:100%}.photo-count.svelte-jfs4i1{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-m)}.virtual-info.svelte-jfs4i1{font-size:11px;opacity:.7;margin-left:var(--space-xs)}.grid.svelte-jfs4i1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-s);gap:var(--space-s)}.photo-placeholder.svelte-jfs4i1{position:relative;aspect-ratio:1;min-height:200px;background-color:var(--color-surface);border-radius:4px;background-image:linear-gradient(45deg,var(--color-border) 25%,transparent 25%),linear-gradient(-45deg,var(--color-border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-border) 75%),linear-gradient(-45deg,transparent 75%,var(--color-border) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;animation:svelte-jfs4i1-loading-shimmer 1.5s linear infinite}@keyframes svelte-jfs4i1-loading-shimmer{0%{background-position:0 0,0 10px,10px -10px,-10px 0px}to{background-position:20px 0,20px 10px,30px -10px,10px 0px}}.photo-card.svelte-jfs4i1{position:absolute;inset:0;background-color:var(--color-surface);border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:none;padding:0;width:100%;height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.photo-card.svelte-jfs4i1:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.photo-card.svelte-jfs4i1 img:where(.svelte-jfs4i1){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:opacity .3s ease}.photo-card.svelte-jfs4i1 img.loading:where(.svelte-jfs4i1){opacity:0}.image-error.svelte-jfs4i1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);gap:var(--space-s)}.retry-button.svelte-jfs4i1{padding:var(--space-xs) var(--space-s);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-sm);cursor:pointer;transition:background-color .2s ease}.retry-button.svelte-jfs4i1:hover{background-color:var(--color-surface-hover)}.photo-info.svelte-jfs4i1{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:var(--space-s);color:#fff}.tags.svelte-jfs4i1{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag.svelte-jfs4i1{font-size:11px;background-color:#fff3;padding:2px 6px;border-radius:4px;backdrop-filter:blur(10px)}.camera-info.svelte-jfs4i1{display:flex;align-items:center;gap:4px;font-size:10px;margin-bottom:4px;opacity:.9}.camera-info.svelte-jfs4i1 .camera:where(.svelte-jfs4i1),.camera-info.svelte-jfs4i1 .lens:where(.svelte-jfs4i1){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-info.svelte-jfs4i1 .separator:where(.svelte-jfs4i1){opacity:.5;flex-shrink:0}.camera-info.svelte-jfs4i1 .camera:where(.svelte-jfs4i1){max-width:45%}.camera-info.svelte-jfs4i1 .lens:where(.svelte-jfs4i1){max-width:45%}.location-info.svelte-jfs4i1{font-size:11px;opacity:.9;margin-bottom:4px}.location.svelte-jfs4i1{display:inline-block}.post-count.svelte-jfs4i1{font-size:10px;opacity:.9;margin-top:4px;display:flex;align-items:center;gap:4px}.checkbox-label.svelte-jfs4i1{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);cursor:pointer}.checkbox-label.svelte-jfs4i1 input[type=checkbox]:where(.svelte-jfs4i1){cursor:pointer}.photo-datetime.svelte-jfs4i1{position:absolute;top:var(--space-s);left:var(--space-s);display:flex;flex-direction:column;gap:2px;background-color:#000000b3;padding:4px 8px;border-radius:4px;color:#fff;font-size:11px;backdrop-filter:blur(10px)}.photo-datetime.svelte-jfs4i1 .date:where(.svelte-jfs4i1){font-weight:500}.photo-datetime.svelte-jfs4i1 .time:where(.svelte-jfs4i1){opacity:.9;font-size:10px}@media (max-width: 768px){.camera-roll.svelte-jfs4i1{grid-template-columns:1fr}.filters.svelte-jfs4i1{position:static;margin-bottom:var(--space-m)}.grid.svelte-jfs4i1{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.camera-roll-page[data-astro-cid-d2p74oey]{padding:var(--space-l);max-width:1400px;margin:0 auto}h1[data-astro-cid-d2p74oey]{font-size:2rem;margin-bottom:var(--space-s);color:var(--color-text)}.description[data-astro-cid-d2p74oey]{color:var(--color-muted);margin-bottom:var(--space-l)}