.collage-tool { max-width: 58rem; }
.collage-tool .settings { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 1rem; margin: 1rem 0; }
.collage-tool input, .collage-tool select { max-width: 100%; }
.collage-tool input[type="color"] { width: 100%; height: 3rem; padding: .25rem; }
.collage-tool #photos { padding: 0; list-style: none; }
.collage-tool #photos li { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .75rem 0; border-bottom: 1px solid var(--line); }
.collage-tool #photos span { flex: 1 1 100%; overflow-wrap: anywhere; }
.collage-tool #photos button { margin: 0; }
.collage-tool #preview { display: block; max-width: 100%; height: auto; margin: 1rem auto; border: 1px solid var(--line); }
.collage-tool #preview[hidden], .collage-tool [hidden] { display: none; }