/* Image and one compact bottom toolbar; title is not a form control. */
.design-hybrid .showcase-art img{height:380px}
.design-hybrid .showcase .showcase-caption,
.design-hybrid .showcase #showcase-meta{display:none}
.design-hybrid .showcase .showcase-controls{
 display:flex;flex-wrap:nowrap;align-items:center;gap:8px;
 height:66px;min-height:66px;padding:10px 14px;background:#0c0e12b8;
}
.design-hybrid .showcase-controls button{
 display:grid;place-items:center;width:44px;min-width:44px;height:44px;
 border:1px solid #ffffff36;border-radius:10px;background:#ffffff12;color:#fff;
}
.design-hybrid .showcase #showcase-prev{order:0}
.design-hybrid .showcase #showcase-title{
 order:1;flex:1 1 0;min-width:0;text-align:center;font-size:18px;font-weight:800;
 line-height:1.2;color:#fff;overflow:hidden;display:-webkit-box;
 -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;
}
.design-hybrid .showcase #showcase-next{order:2}
.design-hybrid .showcase #showcase-prev,
.design-hybrid .showcase #showcase-next{
 flex:0 0 48px;min-width:48px;width:48px;background:#ffffff20;border-color:#ffffff55;
}
.showcase-arrow{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.design-hybrid .showcase #showcase-count{order:3;flex:none;font-size:12px;color:#fff}
.design-hybrid .showcase #showcase-pause{order:4;flex:0 0 44px}
.design-hybrid .showcase #showcase-open{
 order:5;display:inline-flex;align-items:center;justify-content:center;flex:none;
 height:44px;min-height:44px;padding:10px 17px;border-radius:10px;
 background:var(--project-accent);color:#171a1d;font-size:14px;font-weight:750;
 white-space:nowrap;box-shadow:0 3px 12px #0003;
}
.design-hybrid .showcase-controls button:hover{background:#ffffff32}
.design-hybrid .showcase-controls button:focus-visible,
.design-hybrid .showcase-open:focus-visible{outline:3px solid var(--project-accent);outline-offset:2px}
.design-hybrid .showcase-open:hover{filter:brightness(1.08)}
#showcase-pause [data-pause-label]{display:flex;align-items:center;justify-content:center}
#showcase-pause [data-pause-label][hidden],#showcase-pause [data-play-label][hidden]{display:none}
@media(max-width:900px){.design-hybrid .showcase #showcase-count{display:none}}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){
 .design-hybrid .showcase-art img{height:400px}
 .design-hybrid .showcase .showcase-controls{gap:5px;padding:10px 8px}
 .design-hybrid .showcase #showcase-title{font-size:14px}
 .design-hybrid .showcase #showcase-prev,.design-hybrid .showcase #showcase-next{flex-basis:44px;min-width:44px;width:44px}
 .design-hybrid .showcase #showcase-count{display:none}
 .design-hybrid .showcase #showcase-open{width:44px;min-width:44px;box-sizing:border-box;padding:0;font-size:0}
 .design-hybrid .showcase #showcase-open:after{content:'↗';font-size:22px;font-weight:800}
}