*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}#app{display:flex;flex-direction:column;height:100%;width:100%}.layout-container{display:flex;flex:1;width:100%;overflow:hidden;font-family:sans-serif}.layout-container .sidebar{width:150px;background:#f5f5f5;border-right:1px solid #ccc;overflow-y:auto;padding:10px;flex-shrink:0}.layout-container .sidebar .image-item{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #ddd;margin-bottom:10px;padding:5px;cursor:pointer;transition:opacity .2s}.layout-container .sidebar .image-item img{max-width:100%;height:auto;display:block}.layout-container .sidebar .image-item .label{margin-top:5px;font-size:12px;color:#666;word-break:break-all}.layout-container .sidebar .image-item:hover{border-color:#999}.layout-container .sidebar .image-item.disabled{opacity:.4;cursor:not-allowed}.layout-container .canvas-wrapper{flex-grow:1;background:#e0e0e0;overflow:auto;display:flex;justify-content:flex-start;align-items:flex-start;padding:20px}.layout-container .canvas-wrapper canvas{box-shadow:0 0 10px #0000001a}