#stoffauswahl-root { font-family: sans-serif; margin: 2em; }
.filter-group { margin-bottom: 1em; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; }
.tile { text-align: center; border: 1px solid #ccc; padding: 5px; background: #f9f9f9; }
.tile img { width: 70px; height: 70px; cursor: pointer; }
.modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
         background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; }
.modal-content { background: white; padding: 1em; max-width: 90vw; max-height: 90vh; text-align: center; }
.modal-content img { max-width: 100%; max-height: 70vh; }
.close-btn { float: right; cursor: pointer; font-weight: bold; color: red; }