.photo-grid.svelte-zhv7y0.svelte-zhv7y0{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:300px;gap:8px;padding:8px;width:100%;min-height:100vh}.photo-item.svelte-zhv7y0.svelte-zhv7y0{position:relative;overflow:hidden;cursor:pointer;border:none;padding:0;background:#000;transition:transform .2s,box-shadow .2s}.photo-item.svelte-zhv7y0.svelte-zhv7y0:hover{//transform:scale(1.02);//box-shadow:0 8px 24px rgba(0,0,0,.3);//z-index:1}.photo-item.svelte-zhv7y0 img.svelte-zhv7y0{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.photo-grid.svelte-zhv7y0.svelte-zhv7y0{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;gap:4px;padding:4px}}.modal-backdrop.svelte-p5cgbt.svelte-p5cgbt{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.svelte-p5cgbt.svelte-p5cgbt{position:relative;max-width:90vw;max-height:90vh;display:flex;gap:20px;background:#1a1a1a;border-radius:8px;overflow:hidden}.image-container.svelte-p5cgbt.svelte-p5cgbt{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.image-container.svelte-p5cgbt img.svelte-p5cgbt{max-width:100%;max-height:90vh;object-fit:contain}.info-panel.svelte-p5cgbt.svelte-p5cgbt{width:300px;padding:30px;background:#222;overflow-y:auto;color:#fff}.info-section.svelte-p5cgbt.svelte-p5cgbt{margin-bottom:20px}.info-section.svelte-p5cgbt h3.svelte-p5cgbt{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:8px}.info-section.svelte-p5cgbt p.svelte-p5cgbt{margin:0;line-height:1.6}.metadata.svelte-p5cgbt.svelte-p5cgbt{display:flex;flex-direction:column;gap:12px;font-size:14px}.meta-item.svelte-p5cgbt.svelte-p5cgbt{display:flex;flex-direction:column;gap:4px}.meta-item.svelte-p5cgbt strong.svelte-p5cgbt{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888}.close-button.svelte-p5cgbt.svelte-p5cgbt{position:absolute;top:20px;right:20px;background:#00000080;border:none;color:#fff;font-size:32px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;z-index:10;transition:background .2s}.close-button.svelte-p5cgbt.svelte-p5cgbt:hover{background:#000c}@media (max-width: 768px){.modal-content.svelte-p5cgbt.svelte-p5cgbt{flex-direction:column;max-width:95vw}.info-panel.svelte-p5cgbt.svelte-p5cgbt{width:100%;max-height:300px}}.container.svelte-6b9ymg.svelte-6b9ymg{min-height:100vh;background:#000}.empty-state.svelte-6b9ymg.svelte-6b9ymg{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center}.empty-state.svelte-6b9ymg h1.svelte-6b9ymg{font-size:48px;margin-bottom:16px}.empty-state.svelte-6b9ymg p.svelte-6b9ymg{font-size:20px;color:#888}.password-backdrop.svelte-6b9ymg.svelte-6b9ymg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.password-modal.svelte-6b9ymg.svelte-6b9ymg{background:#222;padding:40px;border-radius:8px;min-width:300px;color:#fff}.password-modal.svelte-6b9ymg h2.svelte-6b9ymg{margin-top:0;margin-bottom:20px;font-size:24px}.password-modal.svelte-6b9ymg form.svelte-6b9ymg{display:flex;flex-direction:column;gap:16px}.password-modal.svelte-6b9ymg input.svelte-6b9ymg{padding:12px;font-size:16px;border:1px solid #444;border-radius:4px;background:#333;color:#fff}.password-modal.svelte-6b9ymg input.svelte-6b9ymg:focus{outline:none;border-color:#666}.error.svelte-6b9ymg.svelte-6b9ymg{color:#ff6b6b;margin:0;font-size:14px}.buttons.svelte-6b9ymg.svelte-6b9ymg{display:flex;gap:12px}.buttons.svelte-6b9ymg button.svelte-6b9ymg{flex:1;padding:12px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.buttons.svelte-6b9ymg button[type=submit].svelte-6b9ymg{background:#4a9eff;color:#fff}.buttons.svelte-6b9ymg button[type=submit].svelte-6b9ymg:hover{background:#3a8eef}.buttons.svelte-6b9ymg button[type=button].svelte-6b9ymg{background:#444;color:#fff}.buttons.svelte-6b9ymg button[type=button].svelte-6b9ymg:hover{background:#555}
