.showcase{flex-direction:column;gap:18px;display:flex}.showcase__header{text-align:center}.showcase__heading{margin:0 0 6px;font-size:20px}.showcase__intro{max-width:560px;color:var(--text);margin:0 auto;font-size:14px}.showcase__carousel{flex-direction:column;gap:14px;display:flex}.showcase__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:20px;gap:16px;display:flex;position:relative;overflow-x:auto}.showcase__track::-webkit-scrollbar{display:none}.showcase__slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%}.showcase__figure{border:1px solid var(--border);background:linear-gradient(135deg, var(--accent-bg), transparent 55%), var(--surface);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:16px;margin:0;padding:clamp(14px,3vw,28px);display:flex}.showcase__pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,20px);display:grid}.showcase__pane{position:relative}.showcase__label{z-index:1;border:1px solid var(--border);background:var(--surface);color:var(--text-h);box-shadow:var(--shadow);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.showcase__label--after{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.showcase__zoom{aspect-ratio:3/4;border:1px solid var(--border);background:var(--code-bg);cursor:zoom-in;border-radius:14px;width:100%;padding:0;display:block;overflow:hidden}.showcase__zoom img{object-fit:contain;width:100%;height:100%;transition:transform .3s;display:block}.showcase__zoom:hover img{transform:scale(1.02)}.showcase__arrow{background:var(--accent);width:36px;height:36px;color:var(--on-accent);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:18px;display:grid}.showcase__caption{text-align:center}.showcase__title{color:var(--text-h);margin:0 0 4px;font-size:16px}.showcase__caption p{max-width:600px;color:var(--text);margin:0 auto;font-size:14px}.showcase__controls{justify-content:center;align-items:center;gap:14px;display:flex}.showcase__nav{border:1px solid var(--control-border);background:var(--surface);width:40px;height:40px;color:var(--text-h);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:22px;line-height:1;display:grid}.showcase__nav:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.showcase__nav:disabled{cursor:default;opacity:.45}.showcase__dots{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.showcase__dot{cursor:pointer;background:0 0;border:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.showcase__dot:before{content:"";border:1px solid var(--control-border);border-radius:999px;width:10px;height:10px;transition:width .2s,background .2s}.showcase__dot[aria-current=true]:before{border-color:var(--accent);background:var(--accent);width:22px}.showcase__full{object-fit:contain;background:var(--code-bg);border-radius:8px;width:100%;height:auto;max-height:75vh;display:block}@media (width<=560px){.showcase__arrow{width:26px;height:26px;font-size:14px}.showcase__label{padding:3px 8px;font-size:11px;top:6px;left:6px}}@media (prefers-reduced-motion:reduce){.showcase__track{scroll-behavior:auto}.showcase__zoom img,.showcase__dot:before{transition:none}.showcase__zoom:hover img{transform:none}}.showcase-admin__thumbs{gap:6px;display:flex}.showcase-admin__thumbs img{object-fit:cover;border:1px solid var(--border);background:var(--code-bg);border-radius:6px;width:48px;height:64px}.showcase-admin__order,.showcase-admin__actions{white-space:nowrap}.showcase-admin__preview{object-fit:contain;border:1px solid var(--border);background:var(--code-bg);border-radius:8px;max-width:160px;max-height:200px;display:block}