.pages { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; } .pg { position: relative; background: var(--mist); border-radius: 14px; padding: 8px; display: grid; gap: 6px; justify-items: center; } .pg canvas { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 0 0 1px var(--ash); background: #fff; } .pg .ctl { display: flex; gap: 4px; } .pg .ctl button { width: 30px; height: 30px; border: 0; border-radius: 8px; background: var(--paper); cursor: pointer; } .pg span { font: 400 12px var(--mono); color: var(--slate); } .pg.del { opacity: .3; } .pg canvas { transition: transform .2s; }