/* A mask target has its own thumbnail highlight, without also highlighting the layer row. */
#main-page .studio-workspace .canvas-layer-item.is-mask-target,
#main-page .studio-workspace .canvas-layer-item.is-mask-target:is(.active,.is-layer-selected){border-color:#ffffff17;background:#202027;box-shadow:none}
#main-page .studio-workspace .canvas-layer-item.is-mask-target .canvas-layer-mask.is-selected{border-color:#f3d66f;box-shadow:0 0 0 1px #f3d66f80}
/* Align the two floating control groups. At narrow widths they share one dock. */
#main-page .floating-workspace .canvas-zoom-controls{bottom:var(--canvas-zoom-bottom,23px)}
#main-page .floating-workspace .canvas-floating-dock.has-inline-zoom{flex-wrap:wrap;row-gap:7px}
#main-page .floating-workspace .canvas-floating-dock .canvas-zoom-controls.is-inline-dock{position:static;flex:0 0 auto;transform:none;z-index:auto;bottom:auto;right:auto;margin:0 0 0 2px;padding:0 0 0 7px;border:0;border-left:1px solid #ffffff1c;border-radius:0;background:transparent;box-shadow:none}
#main-page .floating-workspace .canvas-floating-dock .canvas-zoom-controls.is-inline-dock .canvas-icon-button{min-height:28px;height:28px;width:26px;padding:4px}
@media(max-width:540px){#main-page .floating-workspace .canvas-floating-dock .canvas-zoom-controls.is-inline-dock{order:2;align-self:stretch;justify-content:center;margin:0;padding:6px 0 0;border-left:0;border-top:1px solid #ffffff13}}