.showcase-controls{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:24px;margin:38px 0 18px}.showcase-controls label{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#adbfba);margin-bottom:10px}.showcase-controls select,.showcase-controls input{box-sizing:border-box;width:100%;min-height:52px;padding:12px 16px;font:inherit;color:var(--ink,#e9e8dc);background:#152522;border:1px solid #49655e;border-radius:4px;color-scheme:dark}.showcase-controls select:focus-visible,.showcase-controls input:focus-visible{outline:3px solid #edbd72;outline-offset:3px}.showcase-count{color:var(--muted,#adbfba);font-size:14px;margin:16px 0 32px}.showcase-group{margin:0 0 46px}.showcase-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-bottom:1px solid #37534b;padding-bottom:16px;margin-bottom:20px}.showcase-group-heading h3{font-size:clamp(22px,3vw,30px);line-height:1.25;margin:0}.showcase-group-heading span{color:var(--muted,#adbfba);font-size:13px;white-space:nowrap}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.showcase-card{display:flex;flex-direction:column;min-width:0;padding:24px;background:#13241f;border:1px solid #304a41;border-radius:6px}.showcase-number{font-size:11px;letter-spacing:.14em;color:#edbd72;margin-bottom:14px}.showcase-card h4{font-size:22px;line-height:1.25;margin:0 0 12px;color:#e9e8dc}.showcase-card>p{font-size:15px;line-height:1.65;color:#adbfba;margin:0 0 24px}.showcase-card audio{display:block;width:100%;max-width:100%;height:44px;margin-top:auto;color-scheme:dark}.showcase-card .showcase-audio-error{color:#edbd72;font-size:13px;margin:12px 0 0}.showcase-audio-error a{text-decoration:underline}#showcase-empty{padding:24px;border:1px solid #49655e}.showcase-group[hidden],.showcase-card[hidden],.showcase-audio-error[hidden],#showcase-empty[hidden]{display:none!important}@media(max-width:1000px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.showcase-controls,.showcase-grid{grid-template-columns:1fr}.showcase-controls{gap:18px}.showcase-group-heading{align-items:flex-start;flex-direction:column;gap:8px}.showcase-card{padding:20px}.showcase-group{margin-bottom:34px}}