.slideshow-backdrop.svelte-qppyv9{position:fixed;inset:0;width:100vw;height:100vh;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;animation:svelte-qppyv9-fadeIn .4s ease;cursor:default;transition:cursor .5s ease}@keyframes svelte-qppyv9-fadeIn{0%{opacity:0}to{opacity:1}}.slideshow-close.svelte-qppyv9{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:opacity .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;opacity:1}.slideshow-close.svelte-qppyv9:not(.visible){opacity:0;pointer-events:none}.slideshow-close.svelte-qppyv9:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.slideshow-controls.svelte-qppyv9{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10001;transition:opacity .5s ease;opacity:1}.slideshow-controls.svelte-qppyv9:not(.visible){opacity:0;pointer-events:none}.slideshow-control-button.svelte-qppyv9{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slideshow-control-button.svelte-qppyv9:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.slideshow-content.svelte-qppyv9{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.slideshow-prompt-container.svelte-qppyv9{max-width:900px;width:100%;opacity:0;transform:translateY(20px) scale(.95);transition:opacity .6s ease,transform .6s ease;text-align:center;padding:2rem;box-sizing:border-box;will-change:transform,opacity;position:relative}.slideshow-prompt-background.svelte-qppyv9{position:absolute;inset:-60px;border-radius:20px;pointer-events:none;overflow:visible;z-index:0}.slideshow-prompt-background.svelte-qppyv9:before,.slideshow-prompt-background.svelte-qppyv9:after{content:"";position:absolute;width:900px;height:600px;border-radius:50%;filter:blur(80px);opacity:.4;animation:svelte-qppyv9-floatGradient 15s ease-in-out infinite}.slideshow-prompt-background.svelte-qppyv9:before{background:radial-gradient(ellipse,rgba(96,165,250,.6) 0%,rgba(96,165,250,.3) 30%,rgba(96,165,250,.1) 50%,transparent 70%);top:50%;left:20%;transform:translate(-50%,-50%);animation-delay:0s}.slideshow-prompt-background.svelte-qppyv9:after{background:radial-gradient(ellipse,rgba(139,92,246,.6) 0%,rgba(139,92,246,.3) 30%,rgba(139,92,246,.1) 50%,transparent 70%);top:50%;right:20%;transform:translate(50%,-50%);animation-delay:-7.5s}@keyframes svelte-qppyv9-floatGradient{0%,to{transform:translate(-50%,-50%) translate(0) scale(1)}25%{transform:translate(-50%,-50%) translate(30px,-40px) scale(1.1)}50%{transform:translate(-50%,-50%) translate(-20px,30px) scale(.9)}75%{transform:translate(-50%,-50%) translate(40px,20px) scale(1.05)}}@keyframes svelte-qppyv9-floatGradientReverse{0%,to{transform:translate(50%,-50%) translate(0) scale(1)}25%{transform:translate(50%,-50%) translate(-30px,40px) scale(1.1)}50%{transform:translate(50%,-50%) translate(20px,-30px) scale(.9)}75%{transform:translate(50%,-50%) translate(-40px,-20px) scale(1.05)}}.slideshow-prompt-background.svelte-qppyv9:after{animation-name:svelte-qppyv9-floatGradientReverse}.slideshow-prompt-content-wrapper.svelte-qppyv9{position:relative;z-index:1}.slideshow-prompt-container.visible.svelte-qppyv9{opacity:1;transform:translateY(0) scale(.95);animation:svelte-qppyv9-slowExpand 8s ease-out forwards}.slideshow-prompt-container.visible.transitioning.svelte-qppyv9{animation-play-state:paused!important;animation:none!important;transform:translateY(0) scale(1.02)!important;transition:opacity .6s ease,transform .6s ease!important}.slideshow-prompt-container.transitioning.svelte-qppyv9:not(.visible){opacity:0;transform:translateY(-20px) scale(1.05)}@keyframes svelte-qppyv9-slowExpand{0%{transform:translateY(0) scale(.95)}to{transform:translateY(0) scale(1.02)}}.slideshow-style.svelte-qppyv9{font-size:1rem;font-weight:600;color:var(--accent-primary, #60a5fa);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.slideshow-prompt-text.svelte-qppyv9{font-size:1.75rem;line-height:1.8;color:#fff;font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,.3)}.slideshow-image-container.svelte-qppyv9{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.95);transition:opacity 1.1s ease,transform 1.1s ease;position:relative;will-change:transform,opacity}.slideshow-image-container.visible.svelte-qppyv9{opacity:1;transform:scale(.98);animation:svelte-qppyv9-slowExpandImage 10s ease-out forwards}.slideshow-image-container.visible.transitioning.svelte-qppyv9{animation-play-state:paused!important;animation:none!important;transform:scale(1.03)!important;transition:opacity 1.1s ease,transform 1.1s ease!important}.slideshow-image-container.transitioning.svelte-qppyv9:not(.visible){opacity:0;transform:scale(1.05)}@keyframes svelte-qppyv9-slowExpandImage{0%{transform:scale(.98)}to{transform:scale(1.03)}}.slideshow-image.svelte-qppyv9{width:100%;height:100%;object-fit:contain;animation:svelte-qppyv9-gentlePulse 4s ease-in-out infinite}@keyframes svelte-qppyv9-gentlePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}@media (max-width: 768px){.slideshow-close.svelte-qppyv9{top:1rem;right:1rem;width:40px;height:40px}.slideshow-controls.svelte-qppyv9{bottom:1rem}.slideshow-control-button.svelte-qppyv9{width:48px;height:48px}.slideshow-prompt-text.svelte-qppyv9{font-size:1.25rem}}.showcase-page.svelte-n3z6gv{max-width:1400px;width:100%;min-width:0;margin:0 auto;align-self:center;flex:1 1 auto;padding:2rem;padding-left:max(1.25rem,env(safe-area-inset-left,0px));padding-right:max(1.25rem,env(safe-area-inset-right,0px));background-color:var(--bg-primary);min-height:100vh;box-sizing:border-box;overflow-x:hidden}.showcase-page.with-breadcrumbs.svelte-n3z6gv{padding-top:1.25rem}.showcase-header.svelte-n3z6gv{text-align:center;margin-bottom:2rem;padding:2rem 0}.showcase-header.svelte-n3z6gv h1:where(.svelte-n3z6gv){font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;text-shadow:0 2px 4px var(--shadow-color)}.showcase-header.svelte-n3z6gv p:where(.svelte-n3z6gv){font-size:1.2rem;color:var(--text-secondary);margin:0}.showcase-header.svelte-n3z6gv p:where(.svelte-n3z6gv):first-of-type{margin-top:1.5rem;margin-bottom:1rem}.showcase-tabs.svelte-n3z6gv{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.tab-button.svelte-n3z6gv{background:transparent;border:none;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s ease;position:relative}.tab-button.svelte-n3z6gv:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active.svelte-n3z6gv{color:var(--accent-primary, #3b82f6);background:var(--bg-secondary)}.tab-button.active.svelte-n3z6gv:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary, #3b82f6)}.showcase-tab-header.svelte-n3z6gv{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.showcase-section.svelte-n3z6gv{margin-bottom:3rem}.section-header.svelte-n3z6gv{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.section-title.svelte-n3z6gv{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center;flex:1}.slideshow-button.svelte-n3z6gv{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-primary, #3b82f6);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.slideshow-button.svelte-n3z6gv:hover{background:var(--accent-hover, #2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.slideshow-button.svelte-n3z6gv:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.slideshow-button.svelte-n3z6gv svg:where(.svelte-n3z6gv){flex-shrink:0}.loading-message.svelte-n3z6gv{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.2rem}.showcase-grid.svelte-n3z6gv{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,250px));gap:1.5rem;padding:0;width:100%;justify-content:center;box-sizing:border-box}.thumbnail-wrapper.svelte-n3z6gv{position:relative;display:flex;flex-direction:column;width:100%;max-width:100%}.thumbnail-item.svelte-n3z6gv{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;padding:0;transition:all .3s ease;aspect-ratio:1;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--shadow-color);position:relative}.thumbnail-item.svelte-n3z6gv:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-hover);border-color:var(--border-hover);background:var(--bg-hover)}.thumbnail-item.svelte-n3z6gv img:where(.svelte-n3z6gv){width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;max-width:100%;max-height:100%}.thumbnail-item.svelte-n3z6gv:hover img:where(.svelte-n3z6gv){transform:scale(1.05)}.thumbnail-overlay.svelte-n3z6gv{position:absolute;bottom:0;left:0;right:0;background:#000000bf;padding:1rem;animation:svelte-n3z6gv-fadeIn .2s ease}.thumbnail-info.svelte-n3z6gv{color:#fff}.thumbnail-prompt.svelte-n3z6gv{font-size:.875rem;line-height:1.4;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.5);display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.thumbnail-style.svelte-n3z6gv{font-size:.75rem;font-weight:600;color:var(--accent-primary, #60a5fa);text-shadow:0 1px 2px rgba(0,0,0,.5)}.try-it-button.svelte-n3z6gv{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:var(--accent-primary, #3b82f6);color:#fff;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;z-index:10;white-space:nowrap;animation:svelte-n3z6gv-fadeIn .2s ease}.try-it-button.svelte-n3z6gv:hover{background:var(--accent-hover, #2563eb);transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #0006}.try-it-button.svelte-n3z6gv:active{transform:translate(-50%) translateY(0);box-shadow:0 2px 8px #0000004d}@keyframes svelte-n3z6gv-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.showcase-page.svelte-n3z6gv{padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));width:100%;max-width:100%;box-sizing:border-box}.showcase-header.svelte-n3z6gv h1:where(.svelte-n3z6gv){font-size:2rem}.showcase-header.svelte-n3z6gv p:where(.svelte-n3z6gv){font-size:1rem}.showcase-tabs.svelte-n3z6gv{gap:.5rem}.tab-button.svelte-n3z6gv{padding:.5rem 1rem;font-size:1rem}.showcase-grid.svelte-n3z6gv{grid-template-columns:repeat(auto-fill,minmax(150px,150px));gap:1rem;width:100%;justify-content:center;box-sizing:border-box}}@media (max-width: 480px){.showcase-page.svelte-n3z6gv{padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px))}.showcase-grid.svelte-n3z6gv{grid-template-columns:repeat(auto-fill,minmax(calc(50vw - 1.5rem),calc(50vw - 1.5rem)));gap:.75rem;width:100%;justify-content:center;box-sizing:border-box}}