.showcase-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:44px;margin-top:2rem;display:flex}.showcase-controls p{color:var(--home-muted);margin:0;font-size:.8125rem}.showcase-motion-toggle{border:1px solid var(--home-line);min-height:44px;color:var(--home-ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.showcase-motion-toggle:hover{background:#f6f6fb}.showcase-rail{scrollbar-width:none;touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none;overflow-anchor:none;gap:clamp(1rem,2vw,2rem);max-width:1600px;margin:1.25rem auto 0;padding:8px 1.5rem 2.5rem;list-style:none;display:flex;position:relative;overflow-x:auto}.showcase-rail::-webkit-scrollbar{display:none}.showcase-rail:not([data-looping]) .showcase-item[aria-hidden=true]{display:none}.showcase-rail[data-dragging],.showcase-rail[data-dragging] .showcase-open{cursor:grabbing}.showcase-item{flex:none;width:248px}.showcase-frame{isolation:isolate;border:1px solid #24233412;border-radius:30px;width:248px;height:540px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 18px 42px #3d265d21}.showcase-frame:hover,.showcase-frame:focus-within{transform:translateY(-6px);box-shadow:0 24px 48px #3d265d33}.showcase-miniature{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;width:360px;transform:scale(.688889)}.showcase-open{border-radius:inherit;cursor:grab;background:0 0;border:0;width:100%;position:absolute;inset:0}.showcase-open:focus-visible{outline:3px solid var(--app-focus);outline-offset:-4px}.showcase-open-label{color:#fff;opacity:0;background:#24232e;border:1px solid #fff9;border-radius:999px;padding:11px;font-size:13px;font-weight:600;transition:opacity .16s,transform .16s;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(8px)}.showcase-open:hover .showcase-open-label,.showcase-open:focus-visible .showcase-open-label{opacity:1;transform:none}.showcase-caption{text-align:center;margin-top:20px}.showcase-caption h3{font-family:var(--home-display);margin:0;font-size:16px;font-weight:700}.showcase-caption p{color:var(--home-muted);margin:5px 0 0;font-size:12px}@media (max-width:600px){.showcase-rail{padding-inline:max(1.25rem,50vw - 140px)}.showcase-open-label{opacity:1;padding:8px;font-size:12px;transform:none}}.showcase-canvas{width:360px;min-height:790px;color:initial;letter-spacing:normal;text-align:start;text-transform:none;font-size:16px;font-weight:400;line-height:1.5}.showcase-canvas>div{min-height:790px;padding-block:2.5rem}.showcase-miniature,.home-hero-page>.showcase-canvas,.home-feature-page>.showcase-canvas{height:790px;overflow:hidden}.showcase-canvas [data-header-layout^=cover]>div:first-child{border-radius:0;width:calc(100% + 2rem);margin:-2.5rem -1rem 0}.showcase-description{color:var(--app-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.showcase-full{border-radius:22px;width:min(360px,100%);margin:auto;overflow:hidden}.showcase-full .showcase-canvas,.showcase-full .showcase-canvas>div{width:100%;min-height:0}.showcase-detail-cta{justify-content:center;padding-top:24px;display:flex}@media (prefers-reduced-motion:reduce){.showcase-frame,.showcase-open-label{transition:none;transform:none}}