:root{--navbar-height:64px}.page-content.svelte-11h8l4r{padding-top:var(--navbar-height);min-height:100vh;padding:2rem 1rem}h1.svelte-11h8l4r{text-align:center;margin-bottom:2rem;color:var(--text-color)}p.svelte-11h8l4r{text-align:center;color:#666;margin-bottom:2rem}.gallery.svelte-11h8l4r{columns:4;column-gap:1.5rem;max-width:1600px;margin:0 auto;padding:1rem 0;column-fill:balance}.gallery-item.svelte-11h8l4r{break-inside:avoid;margin-bottom:1.5rem;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff;position:relative}.gallery-item.svelte-11h8l4r:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#4a90e21a,#9333ea1a);opacity:0;transition:opacity .3s ease;z-index:1}.gallery-item.svelte-11h8l4r:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0003}.gallery-item.svelte-11h8l4r:hover:before{opacity:1}.gallery-thumb.svelte-11h8l4r{width:100%;height:auto;display:block;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);object-fit:cover;position:relative;z-index:2}.gallery-thumb.svelte-11h8l4r:hover{transform:scale(1.05)}.gallery-thumb.svelte-11h8l4r:focus{outline:3px solid #4a90e2;outline-offset:3px}.gallery-end.svelte-11h8l4r{text-align:center;margin:4rem auto 2rem;max-width:400px}.end-decoration.svelte-11h8l4r{display:flex;align-items:center;color:var(--footer-text-color);justify-content:center;margin-bottom:1rem;gap:1rem}.end-line.svelte-11h8l4r{flex:1;height:2px;background:linear-gradient(90deg,transparent,#4a90e2,transparent);border-radius:1px}.end-icon.svelte-11h8l4r{color:#4a90e2;animation:svelte-11h8l4r-sparkle 2s ease-in-out infinite}.end-text.svelte-11h8l4r{color:#666;font-size:.95rem;font-weight:500;margin:0;letter-spacing:.5px}@keyframes svelte-11h8l4r-sparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(180deg);opacity:1}}@media (max-width: 1400px){.gallery.svelte-11h8l4r{columns:3;max-width:1200px}}@media (max-width: 1000px){.gallery.svelte-11h8l4r{columns:3;column-gap:1.25rem}.gallery-item.svelte-11h8l4r{margin-bottom:1.25rem}}@media (max-width: 768px){.gallery.svelte-11h8l4r{columns:2;column-gap:1rem}.gallery-item.svelte-11h8l4r{margin-bottom:1rem;border-radius:12px}.page-content.svelte-11h8l4r{padding:1rem .5rem}.gallery-end.svelte-11h8l4r{margin:3rem auto 1rem}}@media (max-width: 480px){.gallery.svelte-11h8l4r{columns:2;column-gap:.75rem}.gallery-item.svelte-11h8l4r{margin-bottom:.75rem;border-radius:10px}.page-content.svelte-11h8l4r{padding:1.5rem .75rem}.end-decoration.svelte-11h8l4r{gap:.75rem}.end-text.svelte-11h8l4r{font-size:.875rem}}@media (max-width: 360px){.gallery.svelte-11h8l4r{columns:1}h1.svelte-11h8l4r{font-size:1.5rem}}.blurred-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;backdrop-filter:blur(12px) brightness(.7);-webkit-backdrop-filter:blur(12px) brightness(.7);background-color:#0006;transition:backdrop-filter .25s}.lightbox{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:none;padding:60px 20px 20px;box-sizing:border-box}.top-bar{position:absolute;top:0;left:0;right:0;height:60px;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:20;border-bottom:1px solid var(--border-color)}.image-info{color:#fff;font-size:14px;font-weight:500}.controls{display:flex;gap:12px;align-items:center}.control-btn{width:40px;height:40px;background:#ffffff1a;border:1px solid var(--border-color);border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.control-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.zoom-btn.zoomed{background:#4a90e2cc;border-color:#4a90e2}.close-btn:hover{background:#dc3545cc;border-color:#dc3545}.download-btn:hover{background:#28a745cc;border-color:#28a745}.image-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:95vw;max-height:calc(95vh - 60px);overflow:hidden}.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:4px solid var(--border-color);background:#1a1a1a;box-shadow:0 20px 60px #000c,0 8px 24px #0009,0 0 0 1px #ffffff1a;border-radius:8px;display:block;-webkit-user-select:none;user-select:none;min-height:50vh;transition:transform .2s ease-out;transform-origin:center center}.nav-prev-area,.nav-next-area{position:absolute;top:60px;bottom:0;width:120px;display:flex;align-items:center;justify-content:center;z-index:10}.nav-prev-area{left:0}.nav-next-area{right:0}.nav-prev,.nav-next{width:60px;height:60px;font-size:32px;font-weight:700;background:#000c;border:2px solid rgba(255,255,255,.3);color:#fff;opacity:.9;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;outline:none}.nav-prev:hover,.nav-next:hover,.nav-prev:focus,.nav-next:focus{opacity:1;background:#ffffffe6;color:#000;border-color:#fffc;transform:scale(1.1);box-shadow:0 4px 20px #ffffff4d}.nav-prev:active,.nav-next:active{transform:scale(.95)}@media (max-width: 768px){.lightbox{padding:50px 10px 10px}.top-bar{height:50px;padding:0 10px}.image-info{font-size:12px}.control-btn{width:36px;height:36px}.control-btn svg{width:16px;height:16px}.image-container{max-width:98vw;max-height:calc(98vh - 50px)}.nav-prev-area,.nav-next-area{width:80px;top:50px}.lightbox img{border-width:2px;border-radius:6px;min-height:40vh}.nav-prev,.nav-next{width:50px;height:50px;font-size:28px}}@media (max-width: 480px){h1.svelte-11h8l4r{font-size:1.5rem}.nav-prev-area,.nav-next-area{width:60px}.lightbox img{min-height:35vh}.nav-prev,.nav-next{width:45px;height:45px;font-size:24px}.controls{gap:8px}.control-btn{width:32px;height:32px}.control-btn svg{width:14px;height:14px}}body[style*="overflow: hidden"]{overscroll-behavior:contain}
