.collage-layouts{display:flex;gap:6px;margin:0 0 12px}.collage-layouts button{flex:1;border:1px solid var(--line);background:#fffefb;border-radius:7px;min-height:36px;padding:8px 6px;font-size:10px}.collage-layouts button.active{background:#edf2e5;border-color:var(--sage);box-shadow:0 0 0 1px var(--sage)}.collage-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.collage-thumbs>div{position:relative;min-width:0}.collage-thumbs img{display:block;width:100%;height:95px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.collage-thumbs span{position:absolute;bottom:5px;left:5px;background:#24352fd9;color:#fff;font-size:9px;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.collage-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.collage-upload-label,.collage-shuffle{font-size:10px;padding:9px 11px;border:1px solid #bdc8b1;border-radius:6px;background:#f2f4e9;color:var(--ink);cursor:pointer}.collage-upload-label{border-style:dashed}.collage-upload-label:focus-within{outline:3px solid #92ad63;outline-offset:3px}.collage-status{font-size:10px;line-height:1.5;color:#698355;margin:10px 0 0;min-height:15px}.collage-status.error{color:#a04b37}.collage-reset{margin-top:10px}.collage-source-note{margin-bottom:2px}@media(max-width:760px){.collage-layouts button{font-size:11px;min-height:40px}.collage-thumbs img{height:clamp(85px,24vw,140px)}.collage-upload-label,.collage-shuffle{font-size:11px;min-height:38px}.collage-status{font-size:11px}}