/* A fixed-size slot contains the document-shaped frame; outside it is panel space. */
#canvas-layer-list .canvas-layer-pick>.canvas-layer-thumbnail{
 --thumbnail-slot-width:42px;--thumbnail-slot-height:46px;
 display:grid;place-items:center;position:relative;flex:0 0 var(--thumbnail-slot-width);
 width:var(--thumbnail-slot-width);height:var(--thumbnail-slot-height);min-width:0;
 margin:0;padding:0;overflow:hidden;pointer-events:none;
}
.studio-workspace [data-layout=split] #canvas-layer-list .canvas-layer-pick>.canvas-layer-thumbnail{
 --thumbnail-slot-width:34px;--thumbnail-slot-height:38px;
}
.studio-workspace [data-layout=split] #canvas-layer-list .has-layer-mask .canvas-layer-pick>.canvas-layer-thumbnail{
 --thumbnail-slot-width:32px;
}
#canvas-layer-list .canvas-layer-thumbnail-frame{
 display:block;position:relative;flex:none;overflow:hidden;border-radius:1px;
 width:min(100%,calc(var(--thumbnail-slot-height) * var(--thumbnail-canvas-aspect)));
 height:min(100%,calc(var(--thumbnail-slot-width) / var(--thumbnail-canvas-aspect)));
 outline:1px solid #ffffff42;
 background:conic-gradient(#fff 25%,#d5d5d5 0 50%,#fff 0 75%,#d5d5d5 0) 0 0/8px 8px;
}
#canvas-layer-list .canvas-layer-thumbnail-frame>img{
 display:block;position:absolute;left:var(--thumbnail-layer-x);top:var(--thumbnail-layer-y);
 width:var(--thumbnail-layer-width);height:var(--thumbnail-layer-height);
 max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;
 object-fit:fill;border:0;border-radius:0;background:transparent;pointer-events:none;
}