.showcase-page {max-width:70rem;margin:2rem auto;padding:0 1rem;overflow-wrap:anywhere;}
.showcase-page .card {border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:.8rem;padding:1.25rem;margin:1rem 0;}
.showcase-page form {display:flex;flex-direction:column;gap:.7rem;}
.showcase-page label {display:block;}
.showcase-page input:not([type=checkbox]):not([type=hidden]),.showcase-page textarea,.showcase-page select {display:block;width:100%;box-sizing:border-box;padding:.65rem;margin:.35rem 0;background:transparent;color:inherit;border:1px solid currentColor;border-radius:.35rem;font:inherit;}
.showcase-page select option {color:#111;background:#fff;}
.showcase-page textarea {min-height:6rem;resize:vertical;}
.showcase-page summary {cursor:pointer;padding:.65rem 0;}
.showcase-page audio {width:100%;}
.showcase-page .row {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;}
.showcase-page [role=status] {min-height:1.5em;}
.showcase-page button {align-self:flex-start;}
.showcase-artwork {display:block;max-width:100%;height:auto;border-radius:.65rem;margin:1rem 0;object-fit:contain;}
.showcase-artwork-cover {max-height:24rem;width:auto;}
.showcase-artwork-header {width:100%;max-height:28rem;}
.showcase-artwork-preview {display:block;max-width:100%;max-height:12rem;margin:.75rem 0;border-radius:.5rem;}