.container.svelte-1b4bpml.svelte-1b4bpml{display:flex;flex-direction:column;gap:20px;padding:20px;max-width:1600px;margin:0 auto}.title.svelte-1b4bpml.svelte-1b4bpml{font-size:2rem;font-weight:700;line-height:.8}.author.svelte-1b4bpml.svelte-1b4bpml{font-size:1.5rem;font-weight:700;line-height:.8;margin-bottom:20px}.gallery.svelte-1b4bpml.svelte-1b4bpml{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.piece.svelte-1b4bpml.svelte-1b4bpml{display:flex;flex-direction:column;gap:10px;flex:0 1 calc(20% - 16px);min-width:250px}.piece-title.svelte-1b4bpml.svelte-1b4bpml{font-size:1.1rem;font-weight:600;text-align:center}.image-button.svelte-1b4bpml.svelte-1b4bpml{position:relative;border:none;background:none;padding:0;cursor:pointer;overflow:hidden;border-radius:8px}.image-button.svelte-1b4bpml img.svelte-1b4bpml{width:100%;height:auto;display:block;transition:transform .3s ease}.image-button.svelte-1b4bpml:hover img.svelte-1b4bpml{transform:scale(1.05)}.image-wrapper.svelte-1b4bpml.svelte-1b4bpml{position:relative;width:100%;height:auto;overflow:hidden}.image-wrapper.svelte-1b4bpml img.svelte-1b4bpml{width:100%;height:auto;display:block}.full.svelte-1b4bpml.svelte-1b4bpml{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.click-hint.svelte-1b4bpml.svelte-1b4bpml{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:var(--text-color);padding:6px 12px;border-radius:4px;font-size:.85rem;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap}.image-button.svelte-1b4bpml:hover .click-hint.svelte-1b4bpml{opacity:1}.fullscreen-overlay.svelte-1b4bpml.svelte-1b4bpml{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center}.close-button.svelte-1b4bpml.svelte-1b4bpml{position:absolute;top:20px;right:20px;background:#ffffff1a;color:var(--text-color);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:background .3s ease}.close-button.svelte-1b4bpml.svelte-1b4bpml:hover{background:#fff0}.fullscreen-content.svelte-1b4bpml.svelte-1b4bpml{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 100px);padding:60px 20px 20px}.fullscreen-image-container.svelte-1b4bpml.svelte-1b4bpml{max-width:95vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:60px}.fullscreen-image.svelte-1b4bpml.svelte-1b4bpml{max-width:100%;max-height:80vh;object-fit:contain}.fullscreen-title.svelte-1b4bpml.svelte-1b4bpml{color:var(--text-color);font-size:1.2rem;font-weight:600;text-align:center}.fullscreen-controls.svelte-1b4bpml.svelte-1b4bpml{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px}.fullscreen-nav.svelte-1b4bpml.svelte-1b4bpml{background:#fff0;color:var(--text-color);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width: 1000px){.fullscreen-controls.svelte-1b4bpml.svelte-1b4bpml{bottom:5px;gap:10px}}@media (max-width: 768px){.container.svelte-1b4bpml.svelte-1b4bpml{padding:10px}.title.svelte-1b4bpml.svelte-1b4bpml{font-size:1.5rem}.author.svelte-1b4bpml.svelte-1b4bpml{font-size:1.2rem}.gallery.svelte-1b4bpml.svelte-1b4bpml{gap:15px}.piece.svelte-1b4bpml.svelte-1b4bpml{flex:1 1 100%;max-width:100%}.piece-title.svelte-1b4bpml.svelte-1b4bpml{font-size:1rem}.fullscreen-nav.svelte-1b4bpml.svelte-1b4bpml{width:40px;height:40px}.fullscreen-nav.svelte-1b4bpml svg.svelte-1b4bpml{width:24px;height:24px}.fullscreen-controls.svelte-1b4bpml.svelte-1b4bpml{gap:15px}.fullscreen-title.svelte-1b4bpml.svelte-1b4bpml{font-size:1rem}}@media (max-width: 480px){.fullscreen-nav.svelte-1b4bpml.svelte-1b4bpml{width:36px;height:36px}.fullscreen-nav.svelte-1b4bpml svg.svelte-1b4bpml{width:20px;height:20px}.fullscreen-controls.svelte-1b4bpml.svelte-1b4bpml{gap:10px}.click-hint.svelte-1b4bpml.svelte-1b4bpml{font-size:.75rem;padding:4px 8px}}@media (min-width: 769px) and (max-width: 1024px){.piece.svelte-1b4bpml.svelte-1b4bpml{flex:0 1 calc(50% - 10px);max-width:400px}}@media (min-width: 1400px){.piece.svelte-1b4bpml.svelte-1b4bpml{flex:0 1 calc(20% - 16px)}}
