.tool[data-tool=image-collage-maker] .col-canvas{border:1px solid var(--c-border);border-radius:var(--r-sm);block-size:auto;inline-size:100%;max-inline-size:56rem}.tool[data-tool=image-collage-maker] .layouts{gap:var(--space-2);border:0;flex-wrap:wrap;min-inline-size:0;margin:0;padding:0;display:flex}.tool[data-tool=image-collage-maker] .layouts legend{font-size:var(--fs-sm);color:var(--c-text-2);margin-block-end:var(--space-1);padding:0;font-weight:600}.tool[data-tool=image-collage-maker] .lay{min-inline-size:var(--tap);min-block-size:var(--tap);padding:var(--space-2);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text-3);font-size:var(--fs-xs);cursor:pointer;justify-items:center;gap:2px;display:grid;position:relative}.tool[data-tool=image-collage-maker] .lay input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tool[data-tool=image-collage-maker] .lay.on{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary)}.tool[data-tool=image-collage-maker] .lay:has(input:focus-visible){outline:2px solid var(--c-focus);outline-offset:2px}.tool[data-tool=image-collage-maker] .media-note{font-size:var(--fs-sm);color:var(--c-text-2);margin:0}