.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.showcase-card{border:1px solid var(--line,#cbd6d0);border-radius:12px;overflow:hidden;background:var(--surface,#fff)}.showcase-card-copy{padding:20px}.showcase-card-copy h2{font-size:23px;overflow-wrap:anywhere}.showcase-card-copy p{white-space:pre-line;overflow-wrap:anywhere}.showcase-image-button{display:block;width:100%;padding:0;border:0;background:#10252b;cursor:zoom-in}.showcase-image-button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.showcase-thumb{width:150px;max-width:100%;height:85px;object-fit:contain;background:#10252b;border-radius:5px}.showcase-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.showcase-history img,#showcase-edit-preview img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;background:#10252b;border-radius:5px}.showcase-history article{min-width:0}#showcase-edit-preview{margin:16px 0}.showcase-gallery-link{margin:24px 0}.capture-window img{object-fit:contain}.showcase-empty{padding:32px;text-align:center}.showcase-history button{margin-top:8px}#showcase-filter label{margin:0;min-width:180px}
@media(max-width:1000px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.showcase-grid,.showcase-history{grid-template-columns:1fr}#showcase-filter label{width:100%}.showcase-thumb{width:120px}}

html[data-theme="dark"] .showcase-card{background:#142a31;border-color:#34505a;color:#e2eded}html[data-theme="dark"] .showcase-card h2{color:#eef7f6}html[data-theme="dark"] .showcase-card .quiet,html[data-theme="dark"] .showcase-card .tag{background:#203f47;color:#b9f5ef;border-color:#48727c}